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语言本身谈项目实战
Dec 27 Javascript
jQuery 白痴级入门教程
Nov 11 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
JavaScript优化专题之Loading and Execution加载和运行
Jan 20 Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
详解webpack + react + react-router 如何实现懒加载
Nov 20 Javascript
angularJS的radio实现单项二选一的使用方法
Feb 28 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
上海无线电三厂简史修改版
2021/03/01 无线电
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
php面向对象全攻略 (十六) 对象的串行化
2009/09/30 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
yii2高级应用之自定义组件实现全局使用图片上传功能的方法
2016/10/08 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
jsTree树控件(基于jQuery, 超强悍)[推荐]
2009/09/01 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
2019/04/11 Javascript
微信小程序Page中data数据操作和函数调用方法
2019/05/08 Javascript
vue内置组件component--通过is属性动态渲染组件操作
2020/07/28 Javascript
Python数据库的连接实现方法与注意事项
2016/02/27 Python
解决python 输出是省略号的问题
2018/04/19 Python
Python rstrip()方法实例详解
2018/11/11 Python
实例讲解Python3中abs()函数
2019/02/19 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
函授药学自我鉴定
2014/02/07 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
MySQL时间盲注的五种延时方法实现
2021/05/18 MySQL
Java实现房屋出租系统详解
2021/10/05 Java/Android