DOM

 

 

DOM访问节点

Document.documengElemrnt:返回HTML根元素

Var ohtml=document.documentElement;

Alert(ohtml.nodeName);

 

FirstChild:获取下级节点的第一个节点的节点名称

Othml.firstchild.nodeName也可以使用ohtml.childNodes[0].nodeName

lastChild:获取下级节点的最后一个节点的节点名称

 

childNodes[0]:获取某个节点的节点列表中的第一个节点

ohtml.childNodes[0].nodeName

childNodes.item(0):和上面的作用一样

childnodes.length:获取子节点数量（第一级子节点）

ohtml.childNodes.length

 

parentNode：获取节点的父节点

var ohtml = document.documentElement;

var ohead = ohtml.childNodes[0];

var obody = ohtml.childNodes[1];

 alert(ohead.parentNode.nodeName);

 alert(obody.parentNode==ohtml);

 

previousSibling：同级节点的上一个节点

nextSibling：同级节点的下一个节点

ownerDocument：指向节点所在的文档

var ohtml = document.documentElement;

var ohead = ohtml.childNodes[0];

var obody = ohtml.childNodes[1];

alert(obody.previousSibling.nodeName);

alert(ohead.nextSibling.nodeName);

 

getAttribute(name)：获取节点中属性为name的属性(Attribute)

var li = document.getElementById('li1').childNodes[0];

alert(li.getAttribute('href'));

setAttribute(name,newvalue):将节点中属性为name的属性值更改为newvalue

li.setAttribute('href','http://www.baidu.com')

removeAttribute(name):删除节点中名称为name的属性

 

getElementsByTagName()：返回一个列表，这些列表的特点是<后面的节点名称相同

var items = document.getElementsByTagName('a');

for (var i = 0; i < items.length; i++) {

alert(items[i].getAttribute('href'));

getElementsByName()：获取name属性的值相同的元素，在选择单选按钮时很好用

getElementById()

注意:如果给定的元素匹配某个元素的name属性的值，则也会返回这个元素，当然如果有匹配的ID值，首先返回此元素，如果没有这个元素，则返回name属性的值匹配的元素

这一点在IE8中依然存在，算是IE的一个bug}