节点类型
- 元素节点
- 属性节点
- 文本节点
元素节点属性
- innerNodes 获取标签中内容,会解析成标签
- innerText 获取标签间纯文本,不会解析标签,设置纯文本
- outerHTML 从外标签开始到外标签结束,会解析
获取子节点
childNodes 访问当前节点下所有子节点
firstChild 访问子节点中的首位
lastChild 访问子节点中最后一位
nextSibling 访问当前节点兄弟节点中的下一位
previousSibling 访问当前节点兄弟节点中的上一位
【注】上述这些属性都包含文本节点(空格 回车 换行)
children 访问当前节点下所有子节点
firstElementChild 访问子节点中的首位
lastElementChild 访问子节点中最后一位
nextElementSibling 访问当前节点兄弟节点中的下一位
previousElementSibling 访问当前节点兄弟节点中的上一位
【注】上述这些方法只获取子节点中,元素节点
<script type="text/javascript">
window.onload = function(){
var huoqu = document.getElementById("jiedian");
alert(huoqu.childNodes.length);
alert(huoqu.childNodes[0].nodeType);
}
</script>
<body>
<div id=jiedian><em>em文本</em>div文本<strong>strong文本</strong></div>
</body>
返回值
nodeType | nodeName | nodeValue | |
---|---|---|---|
元素节点 | 1 | 标签名 | null |
属性节点 | 2 | 属性名 | 属性值 |
文本节点 | 3 | #text | 文本内容 |
attributes,获取当前元素节点上的所有元素节点