12行代码的相关节点

//父级节点
console.log(ulObj.parentNode);
//父级元素
console.log(ulObj.parentElement);
//子节点
console.log(ulObj.childNodes);
//子元素
console.log(ulObj.children);

console.log("===============================================================")

//第一个子节点
console.log(ulObj.firstChild);//====================IE8中的第一个子元素
//第一个子元素
console.log(ulObj.firstElementChild);//====================IE8不支持，undefined
//最后一个子节点
console.log(ulObj.lastChild);//====================IE8中最后一个子元素
//最后一个子元素
console.log(ulObj.lastElementChild);//====================IE8不支持
//某个元素的前一个兄弟节点
console.log(ver("three").previousSibling);
//某个元素的前一个兄弟元素
console.log(ver("three").previousElementSibling);
//某个元素的后一个兄弟节点
console.log(ver("three").nextSibling);
//某个元素的后一个兄弟元素
console.log(ver("three").nextElementSibling);


* 总结：
* 凡是获取节点的代码在谷歌和火狐得到的都是   相关的节点
* 凡是获取元素的代码在谷歌和火狐得到的都是   相关的元素
* 从子节点和兄弟节点开始，凡是获取节点的代码在IE8中得到的是元素，获取元素相关的代码，
在IE8中得到的是undefined----元素代码，IE8不支持

转载于:https://www.cnblogs.com/lujieting/p/10046498.html