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 而调用函数时,是在函数后面写上括号和实参的, ...
随机推荐
- 关于回波损耗 和 驻波比的摘要 Return Loss and VSWR
关于回波损耗 和 驻波比的摘要 以下摘自:http://www.soontai.com/cal_rtvswr.html RL = 20log((VSWR+1) / (VSWR-1)) VSWR = ( ...
- 递归-快速排序quickSort
现在对“6 1 2 7 9 3 4 5 10 8”这个10个数进行排序.首先在这个序列中随便找一个数作为基准数.为了方便,就让第一个数6作为基准数吧.接下来,需要将这个序列中所有比基准数 ...
- [转]如何根据cpu的processor数来确定程序的并发线程数量
原文:http://blog.csdn.net/kirayuan/article/details/6321967 我们可以在cat 里面发现processor数量,这里的processor可以理解为逻 ...
- Spring+SpringMVC+Mybatis 利用AOP自定义注解实现可配置日志快照记录
http://my.oschina.net/ydsakyclguozi/blog/413822
- PHP 切割字符串 点号 不用双斜杠
$name = "tupian.png"; $nameArr = explode(".", $name); 习惯了Java的程序员容易写成 $nameArr = ...
- Android使用SeekBar时动态显示进度且随SeekBar一起移动
最近有做一个android项目,里面有使用到在播放视频时可以跳播,同时动态显示播放时间.类似于下图 的效果,我只是抽取其中的一部分做展示,刚接到这个事时也是在网上一通找,最后没找到!而且还碰到有些朋友 ...
- python统计英文首字母出现的次数
使用python解析有道词典导出的xml格式单词,统计各个首字母出现的次数,并按次数由多到少进行排序 相关实现 导出的xml格式如下 <wordbook> <item> < ...
- iframe的安全问题
今天尝试在iframe中嵌入外部网站, 碰到了一些小问题. 如何让自己的网站不被其他网站的iframe引用? 我测试的时候发现我把iframe的src指定到github不起作用. 原来是它把X-Fra ...
- STL set multiset map multimap unordered_set unordered_map example
I decide to write to my blogs in English. When I meet something hard to depict, I'll add some Chines ...
- UVA 10716 Evil Straw Warts Live(贪心）
Problem D: Evil Straw Warts Live A palindrome is a string of symbols that is equal to itself when re ...