JavaScript中childNodes、children、nodeValue、nodeType、parentNode、nextSibling详细讲解
其中属性、元素（标签）、文本都属于节点
<title></title>
<scripttype="text/javascript">
window.onload= function () {
//找d1的所有子节点
//1childNodes获取所有的子节点获取文本节点和元素节点
vard1 = document.getElementById("d1");
for(i=0;i<=d1.length;i++)
//alert(d1.childNodes[i].nodeName); //将会返回所有的文本节点和元素节点
document.body.removeChild(d1);
// for (var i = 0; i< d1.childNodes.length; i++) {
// //节点 node
// //当时文本节点的时候
// if(d1.childNodes[i].nodeType == 3) {
// alert(d1.childNodes[i].nodeValue);
// }
// }
//d1.nodeValue//获取节点的值 只能获取文本节点的值
属性节点 3文本节点
//children 获取子节点只获取元素节点 只有ie支持
// for (var i = 0; i< d1.children.length; i++) {
// alert(d1.children[i]);
// }
//2parentNode父节点
//element元素节点
//node 所有类似的节点 文本属性 元素
// var d11 =document.getElementById("d11");
// var d = d11.parentNode;
// alert(d.id);
//3兄弟节点 Sibling兄弟姐妹
//nextSibling 下一个兄弟节点
// var d2 =document.getElementById("d2");
// var d =d2.nextSibling;
// alert(d.id);
//
// var dd =d2.previousSibling;//上一个兄弟节点
// alert(dd.id);
}
</script>
</head>
<body>
<divid="d1">
d1
<!--123-->
<divid="d11">d11
<div>steee</div>
<div>steee</div>
</div>
<divid="d12">d12</div>
<divid="Div1">d13</div>
</div>
<divid="d2">
d2<divid="d22"></div>
</div>
<divid="d3">
d3<divid="d33"></div>
</div>
</body>
</html>
JavaScript中childNodes、children、nodeValue、nodeType、parentNode、nextSibling详细讲解的更多相关文章
- JavaScript 中函数节流和函数去抖的讲解
JavaScript 中函数节流和函数去抖的讲解 我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响,尤其是在做一些效果实现方面,或者逻辑中需要进行后端请求,更是会导致卡顿,效果失效等结果,所 ...
- Javascript 中childNodes和children的区别
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- javascript中的变量作用域以及变量提升详细介绍
在javascript中, 理解变量的作用域以及变量提升是非常有必要的.这个看起来是否很简单,但其实并不是你想的那样,还要一些重要的细节你需要理解变量作用域 “一个变量的作用域表示这个变量存在的上下文 ...
- javascript中childNodes与children的区别
1.childNodes:获取节点,不同浏览器表现不同: IE:只获取元素节点: 非IE:获取元素节点与文本节点: 解决方案:if(childNode.nodeName=="#text&qu ...
- JavaScript中childNodes和children的区别
我在学习JavaScript对DOM操作的过程中,发现了使用childNodes属性,得不到我想要的结果,因此我就从JavaScript高级程序设计中了解了childNodes和children的区别 ...
- JavaScript之childNodes属性、nodeType属性学习
1.childNodes属性:在一颗节点树上,childNodes属性可以用来获取任何一个元素的所有元素,它是一个包含这个元素所有子元素的数组. <body> <script typ ...
- Java中UIManager的几种外观的详细讲解
Java'中的几种Look and Feel 1.Metal风格 (默认) String lookAndFeel = "javax.swing.plaf.metal.MetalLookAnd ...
- linux 中解压与压缩 常用操作详细讲解
平时有时候 会在服务器进行一些文件的操作,比如安装一些服务与软件等等,都有解压操作,一般在 导出一些简单的服务器文件,也是先压缩后再导出,因此,在这里根据平时用到解压与压缩命令的频率来记录下: 1.最 ...
- jQuery中$(function()与(function($)等的区别详细讲解
(function($) {-})(jQuery); 这里实际上是匿名函数,如下: function(arg){-} 这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的, ...
随机推荐
- 隐私：网民最常用密码MD5解密
国内知名网络安全商瑞星公司曾发布过一项针对密码强度的专业研究报告,这项研究中列举了中国网民和美国网民最常用的密码集.研究表明,全球互联网大部分用户在密码使用中都存在着种种疏漏,一些极其简单的密码被广泛 ...
- POJ 3122 Pie 二分枚举
题目:http://poj.org/problem?id=3122 这个题就好多了,没有恶心的精度问题,所以1A了.. #include <stdio.h> #include <ma ...
- php常用函数集
网络请求: /** * 发起HTTPS请求 */ function curl_post($url,$data=null,$header=null,$post=0) { //初始化curl $ch = ...
- java 异常小结
异常大体分为编译异常和运行异常两类,如果用软件开发(如Eclipse)编译异常在写代码时得到提醒, 而运行异常需要在运行时才能得到提示. 算术异常类:ArithmeticExecption 这个异常是 ...
- Java中double类型的数据精确到小数点后两位
Java中double类型的数据精确到小数点后两位 多余位四舍五入,四种方法 一: double f = 111231.5585;BigDecimal b = new BigDecimal(f); d ...
- AJAX里调用AJAX，作定时进度刷新
这个确实搞了一段时间,但成就感有啦... 哈哈,这个自动部署平吧,异步队列CELERY+REDIS,发布进度实时AJAX的技术点全部打通!!! 而获取实时进度,我用的是RESTFUL FRAMEWOR ...
- VC提交网页表单（一共八篇）
VC提交网页表单-自动评论留言(1)http://blog.csdn.net/wangningyu/article/details/4526357VC提交网页表单-自动评论留言(2)http://bl ...
- IP处理函数inet_aton()和inet_ntoa()，inet_pton,inet_ntop
inet_ntoa: 功能: 将一个IP转换成一个互联网标准点分格式的字符串. 原型: char FAR * inet_ntoa( struct in_addr in); 返回值: 如果正确,返回一个 ...
- JMS的作用
JMS就是生产者与消费者模式.消费者负责消费生产者产生的消息.通过JMS可以做后台的异步操作,应用到具体工作中的话,有用它来发内部消息的.发邮件的.发短信的,做大操作时在后台做异步操作的. Java ...
- 【HDOJ】2853 Assignment
最小费用最大流可解最优解.至于dif如何解,可以把w扩大100倍,如果mission编号和排列P相等则对w+1,然后建立网络流.对结果取模100可以得到没有改变mission的company数目,用c ...