//父级节点 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不支持