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 相关文章推荐
Tab切换组件(选项卡功能)实例代码
Nov 21 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
JavaScript新增样式规则(推荐)
Jul 19 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 Javascript
JavaScript实现经纬度转换成地址功能
Mar 28 Javascript
微信小程序 实现动态显示和隐藏某个控件
Apr 27 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
使用react context 实现vue插槽slot功能
Jul 18 Javascript
Emberjs 通过 axios 下载文件的方法
Sep 03 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中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
PHP入门教程之自定义函数用法详解(创建,调用,变量,参数,返回值等)
2016/09/11 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
2007/06/02 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
js中回调函数的学习笔记
2014/07/31 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
jQuery中slideUp 和 slideDown 的点击事件
2015/02/26 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
vue的keep-alive用法技巧
2019/08/15 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
JS指定音频audio在某个时间点进行播放
2020/11/28 Javascript
python实现simhash算法实例
2014/04/25 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
Python控制Firefox方法总结
2019/06/03 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
python单例模式的多种实现方法
2019/07/26 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
详解Python 循环嵌套
2020/07/09 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
韩国11街:11STREET
2018/03/27 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
宾馆总经理岗位职责
2014/02/14 职场文书
材料专业大学毕业生自荐书
2014/07/02 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
2014年财务工作总结范文
2014/11/11 职场文书
单位租车协议书
2015/01/29 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
2015年消防工作总结
2015/04/24 职场文书
python实现进度条的多种实现
2021/04/29 Python