Question

我创建了一个带有id的文本框，我想知道，是否可以使用getElementbyId查找控件名称。

<!doctype html>
<html lang="en">
    <body>
        <script type="text/javascript" language="javascript">
            var a = document.getElementById('first').type;
            document.write(a);
        </script>
        <input type="text" id="first"></input>
    </body>
</html>

Answer 1

是否可以使用getElementbyId查找控件名称。

您需要getAttribute元素和

var element = document.getElementById('first');
alert(element.getAttribute("type")); //alerts its type attribute
alert(element.getAttribute("name")); //alerts its name attribute
alert(element.nodeName); //alerts its name

完整示例

<!doctype html>
<html lang="en">
<body>

<input type="text"  id="first" name="firstName">

 <script>
   var element = document.getElementById('first');
   alert(element.getAttribute("type"));
   alert(element.getAttribute("name"));
</script>


</body>
</html>

观察脚本标记位于文本输入标记之后，因为除非将标记加载到DOM上，否则DOM API（document.getElementById）将无法获取它。

Answer 2

我把这个小提琴作为例子： https://jsfiddle.net/z0vdhp1m/

几个问题：输入标记未配对

    <input .... />

通过getAttribute（＆＃39;类型＆＃39;）访问比.type更清楚，但无论如何都应该有效。

document.write没有在jsfiddle上工作所以我没有测试过，但如果你只是打印它，那么我建议：

          alert();

或

          console.log()

我想找出控件名称使用其ID

2 个答案: