HTML DOM getElementsByName() 方法

最新推荐文章于 2022-12-28 10:53:25 发布

zhangge3663

最新推荐文章于 2022-12-28 10:53:25 发布

阅读量334

点赞数

分类专栏： javascript

原文链接：https://www.w3school.com.cn/jsref/met_doc_getelementsbyname.asp

版权

javascript 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

定义和用法

getElementsByName()方法可返回带有指定名称的对象的集合。

语法

document.getElementsByName(name)

该方法与getElementById()方法相似，但是它查询元素的name属性，而不是id属性。

另外，因为一个文档中的name属性可能不唯一(如HTML表单中的单选按钮通常具有相同的name属性),所有getElementsByName()方法返回的是元素的数组，而不是一个元素。

实例

<html>
<head>
<script type="text/javascript">
    function getElements() {
        var x = document.getElementsByName("myInput");
        alert(x.length);
    }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="How many elements named 'myInput'?" />

</body>
</html>