带有asp.net的javascript getElementsByTagName

带有asp.net的javascript getElementsByTagName,javascript,asp.net,Javascript,Asp.net,我想问一个关于asp.net的javascript的问题 有一个清晰的按钮,我尝试将其更改为javascript函数 我想asp.net不能像html那样工作,getElementsByTagName也不能识别asp:TextBox 如何将getElementsByTagName(“asp:TextBox”)用作此代码的源代码 <script> function Clear() { document.getElementById('answers').clas

我想问一个关于asp.net的javascript的问题

有一个清晰的按钮,我尝试将其更改为javascript函数

我想asp.net不能像html那样工作,getElementsByTagName也不能识别asp:TextBox

如何将getElementsByTagName(“asp:TextBox”)用作此代码的源代码

<script>
    function Clear() {
        document.getElementById('answers').className = "animated fadeOut";

        //getElementbyId is working fine.  
        //document.getElementById('txtName').value = "";
        //document.getElementById('txtAge').value = "";
        //document.getElementById('txtShoeSize').value = "";

        //how can I make it work with for iterator???            
        var text = document.getElementsByClassName('textinput').getElementsByTagName("asp:TextBox");
        for (var i = 0; i < text.length; i++)
        {
            text[i].value = "";
        }
    }
</script>

    <div id="Wrapper">    
    <form id="form1" runat="server">

    <div class ="row">
        <span class ="label"><asp:Label ID="lblName" runat="server" Text="Name: "></asp:Label></span>
        <span class ="textinput"><asp:TextBox ID="txtName" runat="server"></asp:TextBox></span>
    </div>

    <div class ="row">
        <span class ="label"><asp:Label ID="lblAge" runat="server" Text="Age: "></asp:Label></span>
        <span class ="textinput"><asp:TextBox ID="txtAge" runat="server"></asp:TextBox></span>
    </div>

    <div class ="row">
        <span class ="label"><asp:Label ID="lblShoeSize" runat="server" Text="Shoe Size: "></asp:Label></span>
        <span class ="textinput"><asp:TextBox ID="txtShoeSize" runat="server"></asp:TextBox></span>
    </div>

函数Clear(){
document.getElementById('answers').className=“动画淡出”;
//getElementbyId工作正常。
//document.getElementById('txtName')。value=“”;
//document.getElementById('txtAge')。value=“”;
//document.getElementById('txtShoeSize')。value=“”;
//如何使它与for iterator一起工作???
var text=document.getElementsByClassName('textinput').getElementsByTagName(“asp:TextBox”);
对于(变量i=0;i

编辑:谢谢Sam,jfriend00的建议。 这里有来自html的按钮调用

我想我可能被javascript误解了。 我发现它可能是document.getElementById('xxxx').getElementsByTagName('input'); 不是作为文档。GetElementsByCassName('xxxx')。getElementsByTagName(“输入”); 这有点令人困惑

谢谢

    <div class ="row">
        <span class="label"><asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" width="70"/></span>
        <span class="textinput"><input type="button" value="Clear" onclick="Clear()"/></span>
    </div>

asp:TextBox
转换为html
输入
元素。因此标记名是
input
,而不是asp:TextBox

而且,如果您愿意,您可以通过这种语法在客户端找到文本框

var txtBox = document.getElementById('<%= txtName.ClientID %>');
var txtBox=document.getElementById(“”);
另一种方法是在JavaScript中使用
这个
对象。但是,我需要知道您将在哪里调用
Clear()
函数


希望这能有所帮助。

当你想在ASP文件上运行JS时,你必须看看当它进入浏览器时实际生成的HTML是什么,因为JS就是这样操作的。浏览器中的View/Source是您的朋友在这里看到的实际HTML。您好,这有帮助吗?如果是,请投票并接受。干杯