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 相关文章推荐
js 函数的副作用分析
Aug 23 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
JS继承--原型链继承和类式继承
Apr 08 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
JavaScript实现的简单拖拽效果
Jun 01 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
Jun 21 Javascript
利用Node.js检测端口是否被占用的方法
Dec 07 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 Javascript
基于Vue实现电商SKU组合算法问题
May 29 Javascript
如何阻止小程序遮罩层下方图层滚动
Sep 05 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计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
javascript定义函数的方法
2010/12/06 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
利用JS提交表单的几种方法和验证(必看篇)
2016/09/17 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
2016/11/02 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
JavaScript array常用方法代码实例详解
2020/09/02 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
python实现基于SVM手写数字识别功能
2020/05/27 Python
python+matplotlib绘制3D条形图实例代码
2018/01/17 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
python shell命令行中import多层目录下的模块操作
2020/03/09 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
Ariat官网:美国马靴和服装品牌
2019/12/16 全球购物
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
外贸员简历中的自我评价
2014/03/04 职场文书
观看禁毒宣传片后的感想
2015/08/11 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
《中彩那天》教学反思
2016/02/24 职场文书
Python中for后接else的语法使用
2021/05/18 Python
java如何实现socket连接方法封装
2021/09/25 Java/Android
Redis如何实现验证码发送 以及限制每日发送次数
2022/04/18 Redis