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语句中的CDATA标签的意义
May 09 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
使用js实现数据格式化
Dec 03 Javascript
JQuery选择器、过滤器大整理
May 26 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
基于jquery实现的树形菜单效果代码
Sep 06 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
Mar 18 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
angularjs实现多张图片上传并预览功能
Feb 24 Javascript
浅谈React中组件间抽象
Jan 27 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
vue中watch的用法汇总
Dec 28 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+oracle 分页类
2006/10/09 PHP
PHP 危险函数解释 分析
2009/04/22 PHP
php 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
JavaScript 定义function的三种方式小结
2009/10/16 Javascript
测试你的JS的掌握程度的代码
2009/12/09 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
2013/04/26 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
JavaScript原生实现观察者模式的示例
2017/12/15 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
Vuex 入门教程
2018/01/10 Javascript
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
Python实现的简单dns查询功能示例
2017/05/24 Python
全面了解Nginx, WSGI, Flask之间的关系
2018/01/09 Python
python的移位操作实现详解
2019/08/21 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
css3高级选择器使用方法
2013/12/02 HTML / CSS
英国标准协会商店:BSI Shop
2019/02/25 全球购物
Gretna Green中文官网:苏格兰格林小镇
2019/10/16 全球购物
小组口号大全
2014/06/09 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
国防教育标语
2014/10/08 职场文书
招商银行收入证明
2015/06/17 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
MySQL数据库之内置函数和自定义函数 function
2022/06/16 MySQL