contains ක්‍රමය

contains ක්‍රමය එක් මූලද්‍රව්‍යයක් තුළ තවත් මූලද්‍රව්‍යයක් අඩංගු දැයි පරීක්ෂා කිරීමට ඉඩ සලසයි. ක්‍රමයේ පරාමිතියක් ලෙස එම මූලද්‍රව්‍යයම පවතින මූලද්‍රව්‍යය තුළ අඩංගු දැයි පරීක්ෂා කිරීමට අදාළ මූලද්‍රව්‍යය පවරනු ලැබේ.

වාක්‍ය රචනය

javascriptroditel'.contains(element);

නිදර්ශනය

#child ඡේදය #parent බ්ලොක් එක තුළ පවතිනවාදැයි පරීක්ෂා කරමු:

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);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

javascripttrue

නිදර්ශනය

දැන් රචකයාට සම්ප්‍රේෂණය කළ මූලද්‍රව්‍යය නොමැත එබැවින් ක්‍රමය 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);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

javascriptfalse

නිදර්ශනය

ක්‍රමය ක්‍රියාත්මක වූ එම මූලද්‍රව්‍යයම සම්ප්‍රේෂණය කළ හැකිය, මෙම අවස්ථාවේ දී ක්‍රමය true ද ආපසු ලබා දෙයි:

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
let contains = parent.contains(parent);

console.log(contains);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

javascripttrue

මෙයත් බලන්න

  • matches ක්‍රමය,
    එය සමෝච්චයක් අනුව මූලද්‍රව්‍යයක් පරීක්ෂා කරයි
  • closest ක්‍රමය,
    එය සමෝච්චයක් අනුව රචකයෙකු සොයා ගනී