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 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
JQuery1.6 使用方法三
Nov 23 Javascript
JS随即打乱数组实现代码
Dec 03 Javascript
jQuery弹出(alert)select选择的值
Apr 21 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
Apr 14 Javascript
Javascript中的数据类型之旅
Oct 18 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
webpack3之loader全解析
Oct 26 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
js实现鼠标拖曳效果
Dec 30 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
thinkphp特殊标签用法概述
2014/11/24 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PHP使用curl_multi_select解决curl_multi网页假死问题的方法
2018/08/15 PHP
php+Ajax无刷新验证用户名操作实例详解
2019/03/04 PHP
jquery tools系列 expose 学习
2009/09/06 Javascript
javascript 判断数组是否已包含了某个元素的函数
2010/05/30 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
javascript中创建对象的几种方法总结
2013/11/01 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
jquery移除了live()、die(),新版事件绑定on()、off()的方法
2016/10/26 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
nodejs个人博客开发第五步 分配数据
2017/04/12 NodeJs
jQuery实现点击下拉框中的值累加到文本框中的方法示例
2017/10/28 jQuery
vue文件树组件使用详解
2018/03/29 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
Python中atexit模块的基本使用示例
2015/07/08 Python
Python作用域用法实例详解
2016/03/15 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
Python中的heapq模块源码详析
2019/01/08 Python
pygame实现贪吃蛇游戏(下)
2019/10/29 Python
Python坐标线性插值应用实现
2019/11/13 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Bobbi Brown芭比波朗美国官网:化妆师专业彩妆保养品品牌
2016/08/18 全球购物
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
学生党支部先进事迹
2014/02/04 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
教师节老师寄语
2015/05/28 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书