JS获取网页中HTML元素的几种方法分析 - javascript -

JS获取网页中HTML元素的几种方法分析

时间:2013-04-15 14:10:26   来源:   评论:加载中...   点击:加载中...
getElementById getElementsByName getElementsByTagName 大概介绍g...

document.getElementsByName()这个方法.它对一个和多个的处理是一样的,我们可以用:

Temp = document.getElementsByName('happy')来引用

当Temp只有1个的时候,那么就是Temp[0],有多个的时候,用下标法Temp[i]循环获取

也有例外:

在ie 中getElementsByName(“test“)的时候返回的是id=test的object数组,而firefox则返回的是name= test的object的数组。

按照w3c的规范应该是返回的是name= test的object的数组。

firefox和ie中的getElementByID相同:获取对 ID 标签属性为指定值的第一个对象的引用。

注意getElementsByName 有s在里面

document.getElementById()可以控制某个id的tag

document.getElementsByName(),返回的是一个具有相同 name 属性的元素的集合,而不是某个,注意有“s”。

而 document.getElementsByTagName() 返回的是一组相同 TAG 的元素集合。

同一个name可以有多个element,所以用document.getElementsByName("theName")

他return 一个collection,引用的时候要指名index

var test = document.getElementsByName('testButton')[0];

id那个,是唯一的

还应该注意:对类似没有name属性,对它name属性为伪属性document.getElementsByName() 会失效,当然TD可以设置ID属性,然后用 document.getElementsByID("DDE_NODAY"); 调用



相关热词搜索:

 
上一篇:一组常用的弹出窗口用法总结
下一篇:网页最简短的拖动对象代码实例演示
收藏 将此文推荐给朋友
分享到: