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>

相关文章

  • 一些你可能不熟悉的JS知识点总结

    一些你可能不熟悉的JS知识点总结

    这篇文章主要为大家介绍一下JS中一些你可能不熟悉的知识点给整理一下,学习js的朋友可以看一下
    2019-03-03
  • js实现网页收藏功能

    js实现网页收藏功能

    这篇文章主要介绍了js实现动态添加或删除网址功能,以及js实现网页收藏功能,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 详解如何在React组件“外”使用父组件的Props

    详解如何在React组件“外”使用父组件的Props

    这篇文章主要介绍了详解如何在React组件“外”使用父组件的Props,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • javascript:void(0)使用探讨

    javascript:void(0)使用探讨

    如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情一般都是设置属性href = "#"其实还有比这更好的方法,下面为大家整理了几种比较常见的解决方法,感兴趣的朋友可以参考下
    2013-08-08
  • 利用React-router+Webpack快速构建react程序

    利用React-router+Webpack快速构建react程序

    目前 React、Webpack 等技术如火如荼,你是不是还在愁苦如何把这些杂乱的知识怎么学习一下,开启一段新的前端开发之路呢?那么这篇将给大家运用示例代码详细的介绍使用React-router和Webpack如何快速构建一个react程序,感兴趣的朋友们下面来一起看看吧。
    2016-10-10
  • JS实现当前页居中分页效果的方法

    JS实现当前页居中分页效果的方法

    这篇文章主要介绍了JS实现当前页居中分页效果的方法,涉及javascript操作页面元素与样式的相关技巧,需要的朋友可以参考下
    2015-06-06
  • 只要1K 纯JS脚本送你一朵3D红色玫瑰

    只要1K 纯JS脚本送你一朵3D红色玫瑰

    这篇文章主要介绍了只要1K大小,纯JS脚本送你一朵3D玫瑰花,属于你的情人节专属玫瑰,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Javascript的表单验证-提交表单

    Javascript的表单验证-提交表单

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。通过本文给大家介绍Javascript的表单验证-提交表单,对javascript表单验证,提交表单相关知识感兴趣的朋友一起学习吧
    2016-03-03
  • js文本框输入内容智能提示效果

    js文本框输入内容智能提示效果

    这篇文章主要介绍了js文本框输入内容智能提示效果,非常简单实用,需要的朋友可以参考下
    2015-12-12
  • javascript 简练的几个函数

    javascript 简练的几个函数

    看CSDN上别人的代码,感觉比较精炼,拿来主义,需要的朋友可以看下。
    2009-08-08

最新评论