getElementById;getElementsByName;getElementsByTagName获取对象的区别
来源:互联网 发布:程序员过关第9 编辑:程序博客网 时间:2024/05/17 21:49
getElementById;getElementsByName;getElementsByTagName获取对象的区别
getElementById;getElementsByName;getElementsByTagName获取对象的区别
现在学习DOM已经有一段时间了~现在把经验写出来吧~
先看Document
<a href="http://www.miaoqiyuan.cn" id="link">苗启源的主页</a>
<a href="http://hi.baidu.com/%C3%E7%C6%F4%D4%B4" id="link">苗启源的空间</a>
<input type="text" value="苗启源" name="mybut"/>
<input type="text" value="苗启源" id="isbut" />
获取
获取方式 ID Name TagName
获取方法 document.getElementById("link"); document.getElementsByName("mybut")[i]; document.getElementsByTagName("input")[i];
获取结果 第一个Link对应的对象 所有Name为mybut的对象 所有Input对象
结果个数 1个 X个,是一个数组 X个,是一个数组
直接可以用Object.value;Object.href;改变对象的值~
注意:Name有S,即使只有一个Name='mybut',也要用document.getElementsByName("mybut")[0]代表对象
我看网上的很多教程都不对~比如蓝色理想中有一段代码(http://bbs.blueidea.com/viewthread.php?tid=2690329):
document.getElementByTagName?
<input type="text" value="Flickr" onfocus="chgclr()" />
<input type="text" value="Flickr" />
<script type="text/javascript">
function chgclr()
{
document.getElementByTagName("input").style.background="#CCCCCC"
}
</script>
这样运行会提示不正确
1.对象不支持此属性或方法,原因:getElementByTagName中没有s
2.修正1后,会提示:document.getElementsByTagName("...").style,原因:获取的是一个数组,最后应该改为:
document.getElementsByTagName("input")[0].style.background="#CCCCCC"
for(i=0;i<document.getElementsByTagName.length;i++){
document.getElementsByTagName("input")[i].style.background="#CCCCCC";
}
现在学习DOM已经有一段时间了~现在把经验写出来吧~
先看Document
<a href="http://www.miaoqiyuan.cn" id="link">苗启源的主页</a>
<a href="http://hi.baidu.com/%C3%E7%C6%F4%D4%B4" id="link">苗启源的空间</a>
<input type="text" value="苗启源" name="mybut"/>
<input type="text" value="苗启源" id="isbut" />
获取
获取方式 ID Name TagName
获取方法 document.getElementById("link"); document.getElementsByName("mybut")[i]; document.getElementsByTagName("input")[i];
获取结果 第一个Link对应的对象 所有Name为mybut的对象 所有Input对象
结果个数 1个 X个,是一个数组 X个,是一个数组
直接可以用Object.value;Object.href;改变对象的值~
注意:Name有S,即使只有一个Name='mybut',也要用document.getElementsByName("mybut")[0]代表对象
我看网上的很多教程都不对~比如蓝色理想中有一段代码(http://bbs.blueidea.com/viewthread.php?tid=2690329):
document.getElementByTagName?
<input type="text" value="Flickr" onfocus="chgclr()" />
<input type="text" value="Flickr" />
<script type="text/javascript">
function chgclr()
{
document.getElementByTagName("input").style.background="#CCCCCC"
}
</script>
这样运行会提示不正确
1.对象不支持此属性或方法,原因:getElementByTagName中没有s
2.修正1后,会提示:document.getElementsByTagName("...").style,原因:获取的是一个数组,最后应该改为:
document.getElementsByTagName("input")[0].style.background="#CCCCCC"
for(i=0;i<document.getElementsByTagName.length;i++){
document.getElementsByTagName("input")[i].style.background="#CCCCCC";
}
- getElementById;getElementsByName;getElementsByTagName获取对象的区别
- getElementById;getElementsByName;getElementsByTagName获取对象的区别
- getElementById;getElementsByName;getElementsByTagName获取对象的区别
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementByID,getElementsByName,getElementsByTagName的区别
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementByID() getElementsByName() getElementsByTagName()的区别 .
- getElementByID() getElementsByName() getElementsByTagName()的区别
- getElementByID() getElementsByName() getElementsByTagName()的区别
- 区别getElementByID,getElementsByName,getElementsByTagName
- 区别getElementByID,getElementsByName,getElementsByTagName
- getElementById getElementsByName getElementsByTagName 的用法与区别
- getelementbyid, getelementsbyname, getelementsbytagname 的区别和总结
- getElementByID getElementsByName getElementsByTagName的区别和总结
- getElementByID getElementsByName getElementsByTagName的区别和总结
- getElementByID getElementsByName getElementsByTagName的区别和总结
- getElementById getElementsByName getElementsByTagName 的用法与区别
- Select system call limitation in Linux
- linux下文件结构
- 如何强制ffmpeg编码时输出一个关键帧
- C语言中return,exit return exit的区别
- 好辛苦找到的折纸大全(图解)
- getElementById;getElementsByName;getElementsByTagName获取对象的区别
- 【转】 可变参数表的用法 stdarg
- linux设备驱动之串口移植
- 用随机数模拟中奖彩票
- C语言中long long的用法
- 如何进行301重定向
- Android基本组件09(ProgressBar)
- 汽车电子的利润真是惨烈啊!
- 优化C语言代码(程序员必读)