Phương thức contains
Phương thức contains cho phép kiểm tra,
một phần tử có chứa phần tử khác bên trong nó hay không.
Tham số của phương thức là phần tử sẽ được kiểm tra
xem nó có nằm bên trong phần tử mà phương thức được áp dụng hay không.
Cú pháp
javascriptphần_tử_cha.contains(phần_tử);
Ví dụ
Hãy kiểm tra xem đoạn văn #child
có nằm trong khối #parent không:
html<div id="parent">
<p id="child"></p>
</div>javascriptlet parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Kết quả thực thi mã:
javascripttrue
Ví dụ
Bây giờ phần tử cha không chứa phần tử được truyền vào
và do đó phương thức trả về false:
html<div id="parent"></div>
<p id="child"></p>javascriptlet parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Kết quả thực thi mã:
javascriptfalse
Ví dụ
Có thể truyền vào chính phần tử mà phương thức được gọi,
trong trường hợp này phương thức cũng sẽ trả về true:
html<div id="parent"></div>javascriptlet parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Kết quả thực thi mã:
javascripttrue