document.documentElement的一些使用技巧
更新时间：2013年04月18日 14:59:53 作者：
documentElement 属性可返回文档的根节点，接下来为大家详细介绍下document.documentElement的一些使用技巧，感兴趣的朋友可以参考下哈
复制代码 代码如下:
--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="显示节点" onclick="shownode();"/></div>
</body>
</html>
相关文章
今天小编就为大家分享一篇layui select 禁止点击的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
JavaScript传递变量 值传递 引用传递,需要的朋友可以参考下。2011-02-02
这篇文章主要介绍了javascript限制文本框输入值类型的方法,涉及javascript鼠标事件、键盘按键及字符串的相关操作技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
这篇文章主要为大家详细介绍了bootstrap模态框示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了javascript自定义回调函数，感兴趣的小伙伴们可以参考一下2015-12-12
JS 类型转换常见方法小结，需要的朋友可以参考下。2010-05-05
这篇文章主要给大家介绍了关于uniapp h5如何获取用户地理位置信息的相关资料,文中主要使用高德地图,这里主要讲h5实现获取地理位置信息并定位功能,需要的朋友可以参考下2023-08-08
html+javascript+bootstrap实现层级多选框全层全选和多选功能
想做一个先按层级排序并可以多选的功能，首先倾向于用多层标签式的，直接选定加在文本域里，接下来通过本文给大家介绍html+javascript+bootstrap实现层级多选框全层全选和多选功能，需要的朋友参考下2017-03-03
这篇文章主要介绍了ES6 Object.assign()的用法及其使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
这篇文章主要介绍了JS使用贪心算法解决找零问题,简单描述了找零问题,并结合具体实例分析了javascript使用贪心算法解决找零问题的相关实现技巧,需要的朋友可以参考下2017-11-11
最新评论