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 globalStorage类代码
Jun 04 Javascript
IE和firefox浏览器的event事件兼容性汇总
Dec 06 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
JS中获取数据库中的值的方法
Jul 14 Javascript
js获取IP地址的方法小结
Jul 01 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
利用百度地图API获取当前位置信息的实例
Nov 06 Javascript
vue写一个组件
Apr 09 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 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中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
javascript 闭包
2011/09/15 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
仿iframe效果Aajx文件上传实例
2016/11/18 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
JavaScript事件处理程序详解
2017/09/19 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
微信小程序组件传值图示过程详解
2019/07/31 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
Django学习之文件上传与下载
2019/10/06 Python
python 实现检验33品种数据是否是正态分布
2019/12/09 Python
Python列表切片常用操作实例解析
2020/03/10 Python
Python使用matplotlib绘制圆形代码实例
2020/05/27 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
Giglio俄罗斯奢侈品购物网:男士、女士、儿童高级时装
2018/07/27 全球购物
斐乐美国官方网站:FILA美国
2019/03/01 全球购物
小型女装店的创业计划书
2014/01/09 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
超市活动计划书
2014/04/24 职场文书
乡镇干部个人对照检查材料思想汇报(原创篇)
2014/09/28 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
工商局调档介绍信
2015/10/22 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python