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
phầ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:
<div id="parent">
<p id="child"></p>
</div>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Kết quả thực thi mã:
true
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:
<div id="parent"></div>
<p id="child"></p>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Kết quả thực thi mã:
false
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:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Kết quả thực thi mã:
true
