document.documentElement的一些使用技巧


Posted in Javascript onApril 18, 2013
--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>
Javascript 相关文章推荐
javascript正则表达式之search()用法实例
Jan 19 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
AngularJS进行性能调优的7个建议
Dec 28 Javascript
Bootstrap按钮组件详解
Apr 26 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 Javascript
jQuery实现的form转json经典示例
Oct 10 jQuery
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
微信小程序实现折叠面板
Jan 31 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 Javascript
JS Math对象与Math方法实例小结
Jul 05 Javascript
微信小程序webSocket的使用方法
Feb 20 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 #Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 #Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 #Javascript
jQuery基本过滤选择器使用介绍
Apr 18 #Javascript
使用jQuery内容过滤选择器选择元素实例讲解
Apr 18 #Javascript
jQuery随机切换图片的小例子
Apr 18 #Javascript
JS 各种网页尺寸判断实例方法
Apr 18 #Javascript
You might like
PHP Cookie的使用教程详解
2013/06/03 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
js 动态文字滚动的例子
2011/01/17 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
js调试系列 控制台命令行API使用方法
2014/06/18 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
jquery控制页面部分刷新的方法
2015/06/24 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
Vue.use源码分析
2017/04/22 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
Vue 递归多级菜单的实例代码
2019/05/05 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
python获取图片颜色信息的方法
2015/03/18 Python
Python httplib模块使用实例
2015/04/11 Python
TensorFlow安装及jupyter notebook配置方法
2017/09/08 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
基于Python的OCR实现示例
2020/04/03 Python
关于PyCharm安装后修改路径名称使其可重新打开的问题
2020/10/20 Python
vue.js刷新当前页面的实例讲解
2020/12/29 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
意大利简约的休闲品牌:Aspesi
2018/02/08 全球购物
Notino法国:购买香水和化妆品
2019/04/15 全球购物
2015年电话客服工作总结
2015/05/18 职场文书
乡镇科协工作总结2015
2015/05/19 职场文书
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python