1、parentElement获取父元素节点
var box=document.getElementById("box").parentElement;
parentElement返回指定元素的上级元素节点,如果没有上级元素返回null。
2、children获取所有子元素节点
var childs=document.getElementById("box").children;
返回一个数组,children ie6-8支持但返回元素节点和注释节点,ie9以上版本返回元素节点,其他浏览器支持
3、firstElementChild获取第一个子元素节点
var first=document.getElementById("box").firstElementChild;
返回父元素的第一个子元素节点,如果没有则返回null。ie9以上版本支持
4、lastElementChild获取最后一个子元素节点
var last=document.getElementById("box").lastElementChild;
返回父元素的最后一个子元素节点,如果没有则返回null。ie9以上版本支持
5、nextElementSibling获取下一个兄弟元素节点
var next=document.getElementById("box").nextElementSibling;
返回当前元素紧跟着的元素节点,如果没有则返回null。ie9以上版本支持
6、previousElementSibling获取前一个兄弟节点
var prev=document.getElementById("box").previousElementSibling;
返回当前元素的前一个元素节点,如果没有则返回null。ie9以上版本支持