document.documentElement的一些使用技巧
document.documentElement的一些使用技巧
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:--documentElement属性可返回文档的根节点。functionshownode(){varohtml=docu...

复制代码 代码如下:

--documentElement 属性可返回文档的根节点。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script type="text/javascript">

function shownode() {

var ohtml = document.documentElement;

//alert(ohtml.nodeName);

//alert(ohtml.childNodes.length);

//alert(ohtml.childNodes[1].nodeName); //获取body

//var obody = ohtml.childNodes[1]; //一层层的找到div

var obody = ohtml.lastChild; //快速获取ohtml的最后一个子节点

//alert(obody.childNodes[0].nodeName);

//alert(obody.parentNode.nodeName); //根据子节点找到想要的父节点

//alert(obody.previousSibling.nodeName);

var ohead = ohtml.childNodes[0];

// alert(ohead.nextSibling.nodeName);

}

</script>

</head>

//body如果和div之间有空格,或者每个层之间有空格,会影响获取结果

<body><div id="div1">第一层</div> <div id="div2">第二层</div>

<div>第三层<img src="images/4.jpg" /></div>

<div>

第四层<input id="Button1" type="button" value="显示节点"/></div>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类