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 相关文章推荐
JS类定义原型方法的两种实现的区别评论很多
Sep 12 Javascript
JS 面向对象的5钟写法
Jul 31 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
Aug 07 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 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
php4的session功能评述(二)
2006/10/09 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
php的dl函数用法实例
2014/11/06 PHP
php中in_array函数用法探究
2014/11/25 PHP
smarty内置函数section的用法
2015/01/22 PHP
详解PHP中的 input属性(隐藏 只读 限制)
2017/08/14 PHP
json的前台操作和后台操作实现代码
2012/01/20 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
JSON相关知识汇总
2015/07/03 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
深入理解Commonjs规范及Node模块实现
2017/05/17 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
2017/05/17 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
Flask数据库迁移简单介绍
2017/10/24 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
Python性能分析工具Profile使用实例
2019/11/19 Python
pytorch中的inference使用实例
2020/02/20 Python
PyCharm中Matplotlib绘图不能显示UI效果的问题解决
2020/03/12 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
Lookfantastic俄罗斯:欧洲在线化妆品零售商
2019/08/06 全球购物
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
财务部经理岗位职责
2014/02/03 职场文书
学生喝酒检讨书
2014/02/06 职场文书
市场专员岗位职责
2014/02/14 职场文书
信访工作汇报材料
2014/10/27 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python