name值与id值在Js获取元素时的区别
Posted xixi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了name值与id值在Js获取元素时的区别相关的知识，希望对你有一定的参考价值。
1、适用范围
除base、head、html、script、meta、title标签外，id都可以用；name只适用于select、form、frame、iframe、img、a、input等中。
HTML元素Input type=\'radio\'分组，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。
2、获取方式
取得id：document.getElementById("id");
取得name：document.getElementsByName("name")； 注：由于name值不是唯一的，所以得到的结果是个数组；
3、使用document.id和document.name访问DOM树中的节点
使用 document.id 和 document.name 访问 DOM 树中节点的方法，可以访问 img 元素、iframe 元素和 form元素。但这种方式不是W3C标准中规定的，所以这些方法的支持因浏览器而异。
实例：
直接使用document.name属性 来修改img标签的属性值
<html> <head> <script type="text/javascript"> function mouseOver()
{ document.b1.src ="/i/eg_mouse.jpg" } function mouseOut() { document.b1.src ="/i/eg_mouse2.jpg" } </script> </head> <body> <a href="/index.html" target="_blank"> <img border="0" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1" onmouseover="mouseOver()"
onmouseout="mouseOut()" /></a> </body> </html>
以上是关于name值与id值在Js获取元素时的区别的主要内容，如果未能解决你的问题，请参考以下文章