php parentnode,DOM中的parentNode总结

parentNode

"use strict"

window.οnlοad=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

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

array.push(nodes[i]);

}

}

return array;

}

111222333

某个父节点的子节点所有的parentNode都是指向同一个节点，以上代码循环打出的，如下：

另外每个子节点都会有nextSibling和preciousSibling，当然，如果是第一个子节点则无previousSibling，而最后一个子节点是没有nextSibling的，返回的结果都是为null

每个子节点的集合中都会有firstChild和lastChild，只有当没有子节点的情况下，这两个值都为null，才相等。