Kiểm tra element bên trong element khác trong JavaScript

Element bên trong element ví dụ: span trong div. JavaScript cung cấp .contains() kiểm tra element có chứa element khác không. Trả về true nếu có, false nếu không.

Cú pháp

parentNode.contains(childNode);

Ví dụ

Span element trong div element. .contains() trả về true.

<html> <body> <div id="div"> <p>There is a <span id="span"><b>span</b></span> element inside me.</p> </div> <p id = "contain"></p> <script> var span = document.getElementById("span"); var div = document.getElementById("div").contains(span); document.getElementById("contain").innerHTML = div; </script> </body> </html>

Kết quả

There is a span element inside of me. true

Lưu ý: contains() kiểm tra descendant (con cháu mọi cấp), không chỉ direct child. Element luôn contain chính nó: el.contains(el) === true. Đối chiếu với parentNode.contains(child) vs child.closest(selector).