获取元素方法整理

1)document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG；
http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443

页面中有
<input type="hidden" id="hello8" name="category_id" value="2" />
<select id="category_id" οnchange="al();">

一个是name="category_id" 一个是id="category_id"
用document.getElementById取第二个，可是，取到的却是第一个name=category_id
在IE中getElementById竟然不是先抓id而是先找name相同的物件...

 

2)document.all.id

3 )document.body.all.tags()

4)document.getElementsByName('id')

5)document.getElementsByTagName("input");

6)document.images[index]    image可以替换为任意集合:

集合

all	返回对象所包含的元素集合的引用。
anchors	获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。
applets	获取文档中所有 applet 对象的集合。
areas	获取给定 map 对象所定义的 area 对象集合。
attributes	获取对象标签属性的集合。
behaviorUrns	返回标识附加到该元素行为的统一资源名称(URN)字符串的集合。
blockFormats	获取指定可用块格式化标签的名称的字符串的集合。
bookmarks	返回捆绑到当前事件所影响的行上的 ActiveX® 数据对象(ADO)书签的集合。
boundElements	返回页面上所有绑定到给定数据集的所有元素的集合。
cells	获取表格行或整个表格中所有单元格的集合。
childNodes	获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
children	获取作为对象直接后代的 DHTML 对象的集合。
controlRange	由 createControlRange 或 createRange 方法返回的元素集合。
elements	获取以源顺序排列的给定表单中所有控件的集合。input type=image 对象不在此集合内。
embeds	获取文档中所有 embed 对象的集合。
filters	获取应用于对象的滤镜集合。
fonts	获取所有系统支持的字体的集合。
forms	获取以源顺序排列的文档中所有 form 对象的集合。
frames	获取给定文档定义或与给定窗口关联的文档定义的所有 window 对象的集合。
images	获取以源顺序排列的文档中所有 img 对象的集合。
imports	获取为每个 styleSheet 对象定义的所有导入样式表的集合。
links	获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。
mimeTypes	目前尚未实现。
namespaces	获取 namespace 对象的集合。
options	获取 select 对象中 option 对象的集合。
pages	获取代表 styleSheet 中的 @page 规则的 page 对象的集合。
plugins	获取文档中所有 embed 对象的集合。
rows	获取来自于 table 对象的 tr (表格行)对象的集合。
rules	获取样式表中所定义规则的集合。
scripts	获取文档中所有 script 对象的集合。
styleSheets	获取代表与文档中每个 link 或 style 对象的实例相对应的样式表的 styleSheet 对象的集合。
tBodies	获取表格中所有 tBody 对象的集合。此集合中的对象以 HTML 源顺序排列。
TextRange	获取 TextRange 对象的集合。
TextRectangle	由 getClientRects 方法返回的 TextRectangle 对象的集合。

方法:1)object.namedItem(sName)

<DIV id="oDIV1">This text will not change.</DIV>
<DIV id="oDIV2">This text will change.</DIV>
<BUTTON οnclick="document.all.namedItem('oDIV2').innerText='Changed!';">
Change Option
</BUTTON>

2)oItem = object.item(vIndex [, iSubindex])

<SCRIPT LANGUAGE="JScript">
var coll = document.all;
if (coll!=null) {
for (i=0; i<coll.length; i++)
alert(coll.item(i).tagName);
}
</SCRIPT>

3)collElements = object.tags(sTag)
<SCRIPT LANGUAGE="JScript">
var coll = document.all.tags("P");
if (coll!=null)
{
for (i=0; i<coll.length; i++)
coll[i].style.textDecoration="underline";
}
</SCRIPT>
 
4)collObjects = object.urns(sUrn)    返回一组绑定的对象
<SCRIPT LANGUAGE="JScript">
var coll  = document.all.urns("URN1");
var sText = '';
if (coll != null)
{
for (i=0; i<coll.length; i++)
sText += coll.item(i).id + ', ';
window.alert (sText);
}
</SCRIPT>