怎樣判斷當前節點是否有子節點

使用: Node.prototype.hasChildNodes()

如果有子節點則返回 true, 反之 false.

var a = document.getElementById("id1");
// undefined
a.hasChildNodes();
// true

注意, 節點操作都得考慮七種節點類型, 就算把body里面的所有html標簽移出, body也還是有子節點, 這些子節點大多數都是換行符, 因為html標簽之間的換行符也是一種節點類型: 文本節點

 

此外還有下面兩種方法: 

node.firstChild !== null

node.childNodes && node.childNodes.length > 0