JavaScript >> Javascript 文檔 >  >> JavaScript

如何使用 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 及更高版本。


Tutorial JavaScript 教程
  1. 服務器端渲染可視化

  2. 從任何站點單擊即可複製文本/代碼

  3. 開發人員您好!

  4. 使用 Agora 構建 React Native 視頻直播應用

  5. JavaScript 按名稱獲取元素

  6. 如何防止 jQuery 在 XML 對像中插入“xmlns”屬性?

  7. 發布連接的網頁項目[關閉]

  1. 10 個 jQuery 社交書籤插件

  2. 在無限滾動組件上改進觸摸事件

  3. 具有多個條件 javascript 的 DynamoDB FilterExpression

  4. 使用 Jest 編寫單元測試進行 DOM 操作

  5. 如何在 Node.js 中構建簡單的加密貨幣區塊鏈

  6. 在 JavaScript ES6 中刪除重複項

  7. ✨ Github-feed-cli :Github feed 就在你的終端上。

  1. Web 應用程序中的中心化狀態問題

  2. JS - 使用 JSON 服務器模擬 REST API

  3. JavaScript:從 ES2016 到 ES2019 的一切

  4. 使用 Jest 測試 GraphQL API 的不開玩笑的指南