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 相关文章推荐
使用CSS和jQuery模拟select并附提交后取得数据的代码
Oct 18 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
Jun 09 Javascript
浅谈js中字符和数组一些基本算法题
Aug 15 Javascript
JS检测数组类型的方法小结
Mar 14 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
js 将线性数据转为树形的示例代码
May 28 Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
vue实现防抖的实例代码
Jan 11 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作为Shell脚本语言使用
2006/10/09 PHP
php中rename函数用法分析
2014/11/15 PHP
PHP使用递归生成文章树
2015/04/21 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
JS下高效拼装字符串的几种方法比较与测试代码
2010/04/15 Javascript
Js 时间间隔计算的函数(间隔天数)
2011/11/15 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
js实现根据身份证号自动生成出生日期
2015/12/15 Javascript
对jQuary选择器的全面总结
2016/06/20 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
JS代码实现电脑配置检测功能
2018/03/21 Javascript
跟老齐学Python之for循环语句
2014/10/02 Python
Django中Forms的使用代码解析
2018/02/10 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
python 字符串和整数的转换方法
2018/06/25 Python
Python使用type动态创建类操作示例
2020/02/29 Python
PyQt5如何将.ui文件转换为.py文件的实例代码
2020/05/26 Python
Bootstrap 学习分享
2012/11/12 HTML / CSS
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
自动化系在校本科生求职信
2013/10/23 职场文书
机房搬迁方案
2014/05/01 职场文书
应届生求职自荐信
2014/07/04 职场文书
公司授权委托书范文
2014/08/02 职场文书
合作协议书格式
2014/08/19 职场文书
委托代理人授权委托书范本
2014/09/24 职场文书
军训个人总结
2015/03/03 职场文书
博士生专家推荐信
2015/03/25 职场文书
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL