Metoda contains
Metoda contains permite verificarea,
dacă un element îl conține pe altul în interiorul său.
Parametrul metodei este elementul care
va fi verificat dacă se află
în interiorul elementului căruia i se aplică metoda.
Sintaxă
părinte.contains(element);
Exemplu
Să verificăm dacă paragraful #child
se află în blocul #parent:
<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);
Rezultatul executării codului:
true
Exemplu
Acum părintele nu conține elementul transmis
și de aceea metoda returnează 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);
Rezultatul executării codului:
false
Exemplu
Se poate transmite același element pe care
a fost apelată metoda, în acest caz metoda de asemenea
va returna true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Rezultatul executării codului:
true
