您现在的位置: 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM getElementsByName() 方法

HTML DOM getElementsByName() 方法

此节有 182 人学习过     参与评论

定义和用法

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

语法

</>code

  1. document.getElementsByName(name)

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

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

实例

</>code

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function getElements()
  5. {
  6. var x=document.getElementsByName("myInput");
  7. alert(x.length);
  8. }
  9. </script>
  10. </head>
  11. <body>
  12. <input name="myInput" type="text" size="20" /><br />
  13. <input name="myInput" type="text" size="20" /><br />
  14. <input name="myInput" type="text" size="20" /><br />
  15. <br />
  16. <input type="button" onclick="getElements()"
  17. value="How many elements named 'myInput'?" />
  18. </body>
  19. </html>

亲自试一试

使用 getElementsByName()

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (182人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
JavaScript 教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号