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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
Jul 11 Javascript
html超链接打开窗口大小的方法
Mar 05 Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
May 07 Javascript
vue日历/日程提醒/html5本地缓存功能
Sep 02 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
es6数组includes()用法实例分析
Apr 18 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
一台收音机,让一家人都笑逐颜开!
2020/08/21 无线电
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
PHP生成静态HTML页面最简单方法示例
2015/04/09 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
javascript知识点收藏
2007/02/22 Javascript
JS动画效果代码3
2008/04/03 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
jQuery Ajax实现跨域请求
2017/01/21 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
2020/08/07 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
详解Python进程间通信之命名管道
2017/08/28 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
行政专员工作职责
2013/12/22 职场文书
营销总监岗位职责范本
2014/02/26 职场文书
个人函授自我鉴定
2014/03/25 职场文书
人力资源管理毕业求职信
2014/08/05 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
党员自我剖析材料范文
2014/10/06 职场文书
批评与自我批评总结
2014/10/17 职场文书
2014年班级工作总结
2014/11/14 职场文书
人生感悟经典句子
2019/08/20 职场文书
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python