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函数
May 27 Javascript
jQuery下通过$.browser来判断浏览器.
Apr 05 Javascript
工作需要写的一个js拖拽组件
Jul 28 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
js实现可拖动DIV的方法
Dec 17 Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
利用jquery实现瀑布流3种案例
Sep 18 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
Jan 19 Javascript
javascript中floor使用方法总结
Feb 02 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
非常全面的php日期时间运算汇总
2015/11/04 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
PHP 等比例缩放图片详解及实例代码
2016/09/18 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
php链式操作的实现方式分析
2019/08/12 PHP
js同时按下两个方向键
2007/12/01 Javascript
基于jQuery实现点击同时更改两个iframe的网址
2010/07/01 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
nodejs个人博客开发第一步 准备工作
2017/04/12 NodeJs
使用Python编写vim插件的简单示例
2015/04/17 Python
python更新列表的方法
2015/07/28 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
python 6种方法实现单例模式
2020/12/15 Python
python 如何上传包到pypi
2020/12/24 Python
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
2014/10/20 HTML / CSS
HTML5标签使用方法详解
2015/11/27 HTML / CSS
公司财务总监岗位职责
2013/12/14 职场文书
客服服务心得体会
2013/12/30 职场文书
自主招生自荐信指南
2014/02/04 职场文书
公司门卫的岗位职责
2014/02/19 职场文书
社会实践活动报告
2015/02/05 职场文书
详解Python生成器和基于生成器的协程
2021/06/03 Python
Python的三个重要函数详解
2022/01/18 Python