如何使用 JavaScript 檢查元素是否有子元素
要檢查 HTML 元素是否有子節點,可以使用 hasChildNodes()
方法。此方法返回 true
如果指定節點有子節點,否則false
.
假設您有以下 HTML 代碼片段:
<html>
<body>
<div class="wrapper">
<button id="btn">Click Me</button>
</div>
</body>
</html>
以下示例顯示瞭如何使用 hasChildNodes()
檢查 <body>
的方法 和 <button>
標籤有任何子節點:
const body = document.body;
const btn = document.querySelector('button');
console.log(body.hasChildNodes()); // true
console.log(btn.hasChildNodes()); // true
hasChildNodes()
該方法適用於所有現代瀏覽器,以及 IE9 及更高版本。