//12行代码====获取节点或者是元素
var ulObj = document.getElementById(“uu”);
var liObj = document.getElementById(“list”);
//获取ul的父级节点
console.log(ulObj.parentNode);
//获取ul的父级元素
console.log(ulObj.parentElement);
//获取ul的子级节点
console.log(ulObj.childNodes);
//获取ul的子级元素
console.log(ulObj.children);
//==========================================================================
//获取ul的第一个子节点
console.log(ulObj.firstChild); //==================== IE8中第一个子元素
//获取ul的第一个子级元素
console.log(ulObj.firstElementChild);//======================IE8不支持 undefined
//获取ul的最后一个子节点
console.log(ulObj.lastChild);//=====================IE8 最后一个子元素
//获取ul的最后一个子级元素
console.log(ulObj.lastElementChild);//==================IE8 不支持
//获取li的上一个兄弟节点
console.log(liObj.previousSibling);
//获取li的上一个兄弟元素
console.log(liObj.previousElementSibling);
//获取li的下一个兄弟节点
console.log(liObj.nextSibling);
//获取li的下一个兄弟元素
console.log(liObj.nextElementSibling);
//节点的属性
/deType:节点的类型:1----标签,2---属性,3---文本
/deName:节点的名字:标签节点---大写的标签名字,属性节点---小写的属性名字,文本节点----#text
/deValue:节点的值:标签节点---null,属性节点---属性值,文本节点---文本内容