Phương thức HTML DOM contains () được sử dụng để tìm xem một nút có phải là con của nút được chỉ định hay không. Một hậu duệ có thể là con ngay lập tức của nút, cháu và thậm chí là chắt. Nó trả về một boolean true cho biết nút thực sự là con của nút được chỉ định và false nếu nó không phải là con của nút đã cho.
Cú pháp
Sau đây là cú pháp cho phương thức HTML DOM chứa () -
node.contains(givenNode)
Ở đây, Mã cho sẵn là một giá trị tham số bắt buộc chỉ định xem Nút đã cho có đang được chứa bởi nút hay không.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho phương thức HTML DOM chứa () -
<!DOCTYPE html> <html> <head> <style> #DIV1{ border: 2px solid blue; width:160px; } </style> </head> <body> <div id="DIV1"> <p>I live in the <attr id="At" title="United States of America">U.S.A </attr></p> </div> <p>Click the below button to find out if the attr element is a descendant of div element or not</p> <button type=”button” onclick="divDesc()">CONTAINS</button> <p id="Sample"></p> <script> function divDesc() { var attr = document.getElementById("At"); var div = document.getElementById("DIV1").contains(attr); if(div==true) document.getElementById("Sample").innerHTML="Span element is the descendant of the div element." else document.getElementById("Sample").innerHTML="Span element is not the descendant of the div element." } </script> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút MONG MUỐN -
Trong ví dụ trên -
Chúng tôi đã tạo phần tử
và bên trong phần tử
là phần tử
#DIV1{ border: 2px solid blue; width:160px; } <div id="DIV1"> <p>I live in the <attr id="At" title="United States of America">U.S.A </attr></p> </div>
Sau đó, chúng tôi đã tạo một nút CONTAINS thực thi phương thức divDesc () khi người dùng nhấp vào -
<button type=”button” onclick="divDesc()">CONTAINS</button>
Phương thức divDesc () nhận phần tử
Vì phần tử function divDesc() {
var attr = document.getElementById("At");
var div = document.getElementById("DIV1").contains(attr);
if(div==true)
document.getElementById("Sample").innerHTML="Span element is the descendant of the div element."
else
document.getElementById("Sample").innerHTML="Span element is not the descendant of the div element."
}