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 相关文章推荐
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
一个基于jquery的文本框记数器
Sep 19 Javascript
三种取消选中单选框radio的方法
Sep 09 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
May 12 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
VUE2实现事件驱动弹窗示例
Oct 21 Javascript
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
JavaScript判断数据类型有几种方法及区别介绍
Sep 02 Javascript
详解vue中使用transition和animation的实例代码
Dec 12 Vue.js
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 getsiteurl()函数
2009/09/05 PHP
php数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
常用的javascript设计模式
2017/01/11 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
vue拖拽排序插件vuedraggable使用方法详解
2020/08/21 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
python爬虫_实现校园网自动重连脚本的教程
2018/04/22 Python
解决python 未发现数据源名称并且未指定默认驱动程序的问题
2018/12/07 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
魅力教师事迹材料
2014/01/10 职场文书
就业自我评价
2014/02/04 职场文书
机电职业生涯规划书范文
2014/03/08 职场文书
商业融资计划书
2014/04/29 职场文书
团日活动总结书
2014/05/08 职场文书
甜品蛋糕店创业计划书
2014/09/21 职场文书
幼儿园师德师风心得体会
2016/01/12 职场文书
详解MySQL的Seconds_Behind_Master
2021/05/18 MySQL
最新动漫情报:2022年7月新番定档超过30部, OVERLORD骨王第四季也在其中噢
2022/05/04 日漫