javascript中document.getElementById()总是返回空值

Question

开发工具：vs2010 asp.net希望点击提交按钮的时候检测文件类型，但是测试过程中发现返回值总是为空代码：<script>
       function checkType() {
           var fileName = document.getElementById("asfdoc");
           alert(filename);           return false;
       }
</script>
<form id="form1" enctype="multipart/form-data" runat="server">
    <div>
        <p>
            <span class="asfspanleft">as .doc format:</span> 
            <asp:FileUpload ID="asfdoc" runat="server" Width="360"/>
        </p>        <p align="right">               
             <asp:Button ID="Button3" runat="server" Text="Submit" OnClientClick="return checkType()"
                 onclick="Button3_Click" />
        </p>
    </div></form>

Answer 1

alert(document.getElementById("<%=asfdoc.ClientID %>").Value);

Answer 2

查看HTML源码，比较服务器控件ID，和解析生成后的HTML源码，你就明白了。

Answer 3

页面用了母版页或者用户控件就会出现这种情况 。
控件产生的html id不一定和控件id一致 。