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 相关文章推荐
jquery $.each() 使用小探
Aug 23 Javascript
jquery获取tagName再进行判断
May 29 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
Apr 20 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
layui use 定义js外部引用函数的方法
Sep 26 Javascript
koa2 数据api中间件设计模型的实现方法
Jul 13 Javascript
Ajax请求超时与网络异常处理图文详解
May 23 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
DIY实用性框形天线
2021/03/02 无线电
php统计文件大小,以GB、MB、KB、B输出
2011/05/29 PHP
php设计模式 Command(命令模式)
2011/06/26 PHP
CI框架AR操作(数组形式)实现插入多条sql数据的方法
2016/05/18 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
工作需要写的一个js拖拽组件
2011/07/28 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
2012/11/08 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
js面向对象编程总结
2017/02/16 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
2020/11/01 Javascript
详解python的几种标准输出重定向方式
2016/08/15 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
基于树莓派的语音对话机器人
2019/06/17 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
I.T中国官网:精选时尚设计师单品网购平台
2018/03/26 全球购物
美国最佳选择产品网站:Best Choice Products
2019/05/27 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
超市中秋节促销方案
2014/03/21 职场文书
大学专科求职信
2014/07/02 职场文书
信用卡工资证明格式
2014/09/13 职场文书
文艺晚会开场白
2015/05/29 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
Redis+AOP+自定义注解实现限流
2022/06/28 Redis