js获取子节点
获取指定标签子节点
var a = document. getElementById ( "test" ) . getElementsByTagName ( "div" ) ;
获取所有子节点
var getFirstChild = document. getElementById ( "test" ) . children[ 0 ] ;
var b = document. getElementById ( "test" ) . childNodes;
for ( var i= 0 ; i< b. length; i++ ) {
if ( b[ i] . nodeName == "#text" && ! /\s/ . test ( b. nodeValue) ) {
document. getElementById ( "test" ) . removeChild ( b[ i] ) ;
}
}
document. getElementById ( "test" ) . childElementCount;
获取第一个子节点
var getFirstChild = document. getElementById ( "test" ) . firstElementChild;
var getFirstChild = document. getElementById ( "test" ) . firstChild;
获取最后一个子节点
var getLastChild = document. getElementById ( "test" ) . lastElementChild;
var getLastChild = document. getElementById ( "test" ) . lastChild;
js获取父节点
var p = document. getElementById ( "test" ) . parentNode;
var p1 = document. getElementById ( "test" ) . parentElement;
var p2 = document. getElementById ( "test" ) . offsetParent;
js获取兄弟节点
var brother1 = document. getElementById ( "test" ) . parentNode. children[ 1 ] ;
var brother2 = document. getElementById ( "test" ) . previousElementSibling;
var brother3 = document. getElementById ( "test" ) . previousSibling;
var brother4 = document. getElementById ( "test" ) . nextElementSibling;
var brother5 = document. getElementById ( "test" ) . nextSibling;