एचटीएमएल डोम में शामिल है () विधि

<घंटा/>

HTML DOM में () विधि का उपयोग यह पता लगाने के लिए किया जाता है कि कोई नोड निर्दिष्ट नोड का वंशज है या नहीं। एक वंशज नोड, पोते और यहां तक कि परपोते का तत्काल बच्चा हो सकता है। यह एक बूलियन ट्रू देता है जो दर्शाता है कि नोड वास्तव में निर्दिष्ट नोड का वंशज है और यदि यह दिए गए नोड का वंशज नहीं है तो गलत है।

सिंटैक्स

HTML DOM में शामिल () विधि का सिंटैक्स निम्नलिखित है -

नोड शामिल है(दिया गया नोड)

यहां, दिए गए नोड एक अनिवार्य पैरामीटर मान है जो निर्दिष्ट करता है कि दिए गए नोड को नोड द्वारा समाहित किया जा रहा है या नहीं।

उदाहरण

आइए HTML DOM के लिए एक उदाहरण देखें () विधि -

मैं यूएसए

यह पता लगाने के लिए नीचे दिए गए बटन पर क्लिक करें कि क्या attr तत्व div तत्व का वंशज है या नहीं

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम में शामिल है () विधि

वंशज बटन पर क्लिक करने पर -

एचटीएमएल डोम में शामिल है () विधि

उपरोक्त उदाहरण में -

हमने "DIV1" आईडी के साथ एक

तत्व बनाया है जिसमें

तत्व है और

तत्व के अंदर तत्व है। "DIV1" पर एक बॉर्डर लागू किया जाता है और इसकी चौड़ाई को css शैलियों का उपयोग करके निर्दिष्ट किया गया है -

#DIV1{ बॉर्डर:2px सॉलिड ब्लू; चौड़ाई:160px;}
मैं यूएसए 

<में रहता हूं /पूर्व> 
 हमने तब एक बटन बनाया है जिसमें एक उपयोगकर्ता द्वारा क्लिक किए जाने पर divDesc() विधि निष्पादित होती है -
 
 
 DivDesc() विधि दस्तावेज़ ऑब्जेक्ट की getElementById() विधि का उपयोग करके  तत्व प्राप्त करती है और इसे attr चर को असाइन करती है। इसके बाद यह 
 तत्व की समाहित विधि का उपयोग करता है और इसके लिए  तत्व को पैरामीटर के रूप में पास करता है।
 
 चूंकि 
 तत्व में  तत्व होता है यानी  तत्व  तत्व का वंशज है, यह सच हो जाता है। कंडीशनल स्टेटमेंट्स का उपयोग करते हुए हम आईडी "नमूना" के साथ पैराग्राफ में आंतरिक HTML प्रॉपर्टी का उपयोग करके उपयुक्त टेक्स्ट प्रदर्शित करते हैं -
 फ़ंक्शन divDesc() { var attr =document.getElementById("At"); var div =document.getElementById("DIV1").contains(attr); if(div==true) document.getElementById("Sample").innerHTML="Span element div element का वंशज है।" और document.getElementById("Sample").innerHTML="Span element div element का वंशज नहीं है।"}