getElementsByName、getElementById、getElementsByTagName的区别

hyying115

于 2008-09-24 16:09:00 发布

阅读量724

点赞数

分类专栏： javascript 文章标签： javascript div button ie input fun

本文链接：https://blog.csdn.net/hyying115/article/details/2973559

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

以前一直以为这两个方法的作用是一样的，今天才了解到了它们的不同，:-)

getElementById('id1')：即通过id获取到对应id='id1'的对象，在ie下id和name可以互相充当，ff则很严格

如：

 
 <HTML>
<HEAD>
<TITLE>鼠标移到div上触发层透明度改变的效果</TITLE>
<script language="javascript">
function fun()
{
    alert(document.getElementById('b').value);
}
</script>
</HEAD>
<BODY>
<input name="b"  type="text" value="2"/>
<input type="button" onClick="fun()"
</BODY>
</HTML>
 

在ie下能得到b的value

没有id，ff下则会报错：document.getElementById("b") is null

getElementsByName('name1')：注意多了一个‘s’，通过name获取对象，返回的是数组

如上一例我们用getElementsByName获取b的value的话，则需要这样写：

document.getElementsByName('b')[0].value;

如果input没有name只有id情况下，ie下ok，ff下报错

getElementsByTagName()：通过标签获取对象数组，如getElementsByTagName(‘div’)[0]：返回第一个div对象

hyying115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
getElementsByName、getElementById、getElementsByTagName的区别

以前一直以为这两个方法的作用是一样的，今天才了解到了它们的不同，:-)getElementById(id1)：即通过id获取到对应id=id1的对象，在ie下id和name可以互相充当，ff则很严格如：HTML>HEAD>TITLE>鼠标移到div上触发层透明度改变的效果TITLE>script language="javascript">f
复制链接

扫一扫