1.访问相关的节点
<html>
<head>
<title></title>
</head>
<body>
<p></p>
<p></p>
<p></p>
</body>
</html>
var oHtml = document.documentElement; //html 节点
var oHead = oHtml.rstChild; head 节点
var oBody = oHtml.lastChild; body 节点
var oHead = oHtml.childNodes[0];
var oBody = oHtml.childNodes[1];
var oHead = oHtml.childNodes.item(1);
var oBody = oHtml.childNodes.item(1);
oHtml.childNodes.length 子节点的个数
三个节点之间关系的比较
oHead.parentNode == oHtml; true
oBody.parentNode == oHtml; true
oBody.previousSibling == oHead; true
oHead.nextSibling == oBody; true
oHead.ownerDocument == document; true
2.检测节点类型(nodeType)
document.nodeType; 9(DOCUMENT_NODE)
document.documentElement.nodeType 1(ELEMENT_NODE)
3.处理特性
getNamedItem(name); 返回 nodeName 属性值等于 name 的节点
removeNamedItem(name); 删除 nodeName 属性值等于 name 的节点
setNamedItem(node); 将 node 添加到列表中,按其 nodeName 属性进行索引
item(pos); 像 NodeList 一样,返回在位置 pos 的节点
getAttribute(name); 等于 attributes.getNamedItem(name).value;
setAttribute(name,newvalue); 等于 attributes.getNamedItem(name).value = newvalue; 在
IE 上存在问题,建议使用属性替代他
removeAttribute(name); 等于 attributes.removeNamedItem(name);
4.访问指定节点
getElementsByTagName(); 核心(XML)DOM
<img />
var oImgs = document.getElementsByTagName("img");