dom_demo.html
<script type="text/javascript">
function getNodeByLevel(){
//获取表格节点
var tabNode=document.getElementById("tabid");
//获取父节点
//var parentNode=tabNode.parentNode;
//alert(parentNode.nodeName);//BODY
//获取子节点
//var childNodes=tabNode.childNodes;
//alert(childNodes[0].nodeName);//TBODY
//alert(childNodes[0].childNodes[0].nodeName);//TR
//获取兄弟节点
//var brotherNode=tabNode.previousSibling;
//var brotherNode=tabNode.nextSibling;
//alert(brotherNode.nodeName);//#text
//为什么是#text而不是SPAN呢?因为在和
div区域
span区域
中间有回车换行。
//注意:尽量少用兄弟节点,因为在解析的时候会出现浏览器不同解析不一致,会解析出标签间的空白文本节点
}
</script>
单元格一 单元格二
span区域11
上层项目
-
下层项目
一个超链接
通过节点的层次关系获取节点对象(父节点,子节点,兄弟节点)
最新推荐文章于 2022-08-02 19:41:11 发布