轻松上手,快乐学习!

DOM Node hasChildNodes() 方法


实例

找出 <ul> 元素是否有子节点:

var list = document.getElementById("myList").hasChildNodes();                   
亲自试一试 »

页面下方有更多实例。


定义和用法

如果指定的节点有任何子节点,则 hasChildNodes() 方法返回true,否则返回false。

注释: 节点内的空白被视为文本节点,因此如果在元素内留下任何空白或换行符,该元素仍有子节点。


浏览器支持

方法
hasChildNodes() Yes Yes Yes Yes Yes

语法

node.hasChildNodes()

参数

None

技术细节

返回值: 布尔值,如果节点有子节点,则返回true,否则返回false
DOM 版本 Core Level 1 Node Object

更多实例

实例

移除 <ul> 元素中的第一个子节点(索引0),如果该元素有任何子节点:

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
  list.removeChild(list.childNodes[0]);
}
亲自试一试 »

相关页面

HTML DOM 参考手册: element.childNodes() 方法

HTML DOM 参考手册: node.firstChild 属性

HTML DOM 参考手册: node.lastChild 属性

HTML DOM 参考手册: node.parentNode 属性

HTML DOM 参考手册: node.nextSibling 属性

HTML DOM 参考手册: node.previousSibling 属性