contains मेथड

contains मेथड यह जांचने की अनुमति देता है, क्या एक एलिमेंट के अंदर दूसरा एलिमेंट है। मेथड के पैरामीटर के रूप में वह एलिमेंट पास किया जाता है, जिसकी यह जांच की जाएगी कि क्या वह उस एलिमेंट के अंदर स्थित है जिस पर मेथड लागू किया गया था।

सिंटैक्स

javascriptparent.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

यह भी देखें