欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【document.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="http://www.jb51.net/article/images/4.jpg" /></div>
<div>
第四层<input id="Button1" type="button" value="显示节点" onclick="shownode();"/></div>
</body>
</html>
关于document.documentElement的一些使用技巧的用户互动如下:
相关问题:JS中的document.documentElement是什么意思啊?请...
答:documentElement 属性可返回文档的根节点。 document.body是DOM中Document对象里的body节点, document.documentElement是文档对象根节点(html)的引用。 IE在怪异模型(quick mode)下document.documentElement无法正确取到clietHeight scrollHe... >>详细
相关问题:javascript中document和document.documentElement...
答:document是指文档模型,将整个页面作为一棵dom树来处理 其结构为 #document ......... 而documentElement,注意其中的element,元素(也就是一个标签以及里面的数据),说明这是一个文档元素,是这个文档的根元素以及其包含的所有数据。 其结构... >>详细
相关问题:document.documentElement.outerHTML,这个方法是怎...
答:应该是 document.getElementNyId('xxxx').outerHTML 吧。。 这个是和 document.getElementNyId('xxxx').innerHTML 相对应的 比如有html代码: 对于这段html,使用innerHTML取得的是被标签包含的ul和li标签以及内容: 而使用outerHTML取得的是包... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
