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

i want to find out control name using its id

本文关键字：控件 ID      更新时间：2023-09-26

我已经装了一个文本框，它有一个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>

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

你需要获取元素的属性和 

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 ） 将无法拾取它。

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

几个可能的问题：输入标签未配对

    <input .... />

通过getAttribute（'type'）访问比.type更清楚，但无论如何都应该工作。

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

          alert();

或

          console.log()
相关文章：