码迷,mamicode.com
首页 > Web开发 > 详细

name值与id值在Js获取元素时的区别

时间:2016-05-30 21:43:31      阅读:622      评论:0      收藏:0      [点我收藏+]

标签:

技术分享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获取元素时的区别

标签:

原文地址:http://www.cnblogs.com/telnetzhang/p/4836887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!