Phương thức HTML DOM hasChildNodes()

Phương thức hasChildNodes() kiểm tra xem một phần tử có chứa nút con (child nodes) hay không. Trả về true nếu có nút con, false nếu không. Lưu ý: Khoảng trắng (whitespace) bên trong phần tử cũng được coi là nút văn bản (text node), do đó sẽ được tính là nút con.

Cú pháp

node.hasChildNodes()

Ví dụ

Ví dụ kiểm tra div có chứa nút con hay không:

<!DOCTYPE html>
<html>
<head>
<script>
  function checkChild() {
    var hasChild = document.getElementById("DIV1").hasChildNodes();
    document.getElementById("Sample").innerHTML = hasChild;
  }
</script>
</head>
<body>
<h1>Ví dụ hasChildNodes()</h1>
<div id="DIV1">
  <p>Đây là phần tử p bên trong div</p>
  <span>Đây là phần tử span bên trong div</span>
</div>
<br>
<button onclick="checkChild()">KIỂM TRA</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

Sau khi nhấn nút "KIỂM TRA", hiển thị: true (vì div chứa thẻ p và span).

Giải thích

• Div id="DIV1" chứa <p> và <span>.
• Nút "KIỂM TRA" gọi hàm checkChild().
• Hàm lấy div, gọi .hasChildNodes() (trả về true vì có 2 phần tử con).
• Hiển thị kết quả boolean.