DOM中的parentNode总结
2024-10-12 11:41:17
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>parentNode</title>
<script type="text/javascript">
"use strict"
window.onload=function(){
var oUl=document.getElementById("ul1");
var nodeList=oUl.childNodes;
// console.log(nodeList);
var arr=convertToArray(nodeList,0);
console.log(arr);
for(var i=0,len=arr.length;i<len;i++){
console.log(arr[0].parentNode);
}
console.log(arr[0].nextSibling);
//第一个子节点是没有previousSibling的
console.log(arr[0].previousSibling);
}
function convertToArray(nodes){
var array=null;
try{
array=Array.prototype.slice.call(nodes,0);
}catch(ex){
array=new Array();
for(var i=0,len=nodes.length;i<len;i++){
array.push(nodes[i]);
}
}
return array;
}
</script>
</head>
<body>
<ul id="ul1">
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
</body>
</html>
某个父节点的子节点所有的parentNode都是指向同一个节点,以上代码循环打出的,如下:
另外每个子节点都会有nextSibling和preciousSibling,当然,如果是第一个子节点则无previousSibling,而最后一个子节点是没有nextSibling的,返回的结果都是为null
每个子节点的集合中都会有firstChild和lastChild,只有当没有子节点的情况下,这两个值都为null,才相等。
最新文章
- 【原】Learning Spark (Python版) 学习笔记(一)----RDD 基本概念与命令
- Js Map 实现
- [FMX] Android APP 启动黑屏优化补丁
- 配置oss bucket cors
- [Android Pro] Android 打包流程
- Struts ForwardAction Example
- Runtime 实现 动态添加属性
- [TCO 2012 Round 3A Level3] CowsMooing (数论,中国剩余定理,同余方程)
- 准备开发一个基于canvas的图表库,记录一些东西(一)
- Some good iOS questions
- JS关闭当前页面的方法
- PAT1006
- java实现——008旋转数组的最小数字
- 专治不会看源码的毛病--spring源码解析AOP篇
- UIAlertController基本使用与内存泄露分析!!!
- # WPF动画速率效果
- AES在线加密解密-附AES128,192,256,CBC,CFB,ECB,OFB,PCBC各种加密解密源码
- 修改Ubuntu锁屏快捷键
- 【BZOJ5321】[JXOI2017]加法(贪心)
- python3安装pycurl