var city = document.getElementById("city");//获取city节点的li节点var lis = city.getElementsByTagName("li");for(var i=0;i<lis.length;i++){alert(lis[i].innerHTML);}
childNodes
获取包括文本在内的所有子节点
//获取Id为city属性元素节点对象var city = document.getElementById("city");//返回#city下所有的子节点var cns = city.childNodes;for(var i=0;i<cns.length;i++){alert(cns[i].innerHTML);}
children
获取当前元素的子元素(标签)
//获取Id为city属性元素节点对象var city = document.getElementById("city");//返回#city下所有的子节点var cns = city.children;for(var i=0;i<cns.length;i++){alert(cns[i].innerHTML);}
firstChild
获取当前元素的第一个子节点
var phone = document.getElementById("phone");var fir = phone.firstChild;alert(fir.innerHTML);
firstElementChild
获取当前元素的第一个子节点
var phone = document.getElementById("phone");var fir = phone.firstElementChild;alert(fir.innerHTML);
lastChild
当前节点的最后一个子节点
var phone = document.getElementById("phone");var fir = phone.lastChild;alert(fir.innerHTML);
获取父节点和兄弟节点
parentNode
获取父节点
var bj = document.getElementById("bj");var pn = bj.parentNode;alert(pn.innerText);
previousSibling
获取当前节点的前一个兄弟节点(可能会获取到空白的文本)
//获取id为android的元素var and = document.getElementById("android");var ps = and.previousSibling;alert(ps.innerHTML);
previousElementSibling
获取前一个兄弟元素(不包括空白文本)
var and = document.getElementById("android");var pe = and.previousElementSibling;alert(pe.innerHTML);
nextSibling
获取后一个兄弟元素(不包括空白文本)
var and = document.getElementById("android");var pr = and.nextSibling;alert(pr.innerHTML);