एचटीएमएल डोम बच्चों की संपत्ति

<घंटा/>

HTML DOM चिल्ड्रन प्रॉपर्टी का उपयोग HTML संग्रह के रूप में निर्दिष्ट तत्व के सभी चाइल्ड तत्वों को वापस करने के लिए किया जाता है। यह केवल पढ़ने योग्य संपत्ति है। प्राप्त किए गए तत्वों को 0 से शुरू होने वाले इंडेक्स नंबरों का उपयोग करके एक्सेस किया जा सकता है।

तत्व उसी क्रम में दिखाई देते हैं जैसे वे HTML दस्तावेज़ में हैं। इसमें केवल चिल्ड्रन नोड्स होते हैं और इसमें व्हाइटस्पेस और चाइल्डनोड्स प्रॉपर्टी जैसी टिप्पणियां शामिल नहीं होती हैं।

सिंटैक्स

बच्चों की संपत्ति के लिए वाक्य रचना निम्नलिखित है -

<पूर्व>तत्व.बच्चों

आइए हम HTML DOM चिल्ड्रन प्रॉपर्टी का एक उदाहरण देखें -

डिव एलिमेंट चिल्ड्रन की संख्या जानने के लिए नीचे दिए गए बटन पर क्लिक करें

पहला p तत्व

दूसरा p तत्व

आउटपुट

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

एचटीएमएल डोम बच्चों की संपत्ति

COUNT बटन क्लिक करने पर -

एचटीएमएल डोम बच्चों की संपत्ति

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

हमने एक

. बनाया है आईडी "DIV1" के साथ तत्व और इसके अंदर दो पैराग्राफ हैं। हमने इसे अन्य तत्वों से अलग करने के लिए एक रंग सीमा और कुछ मार्जिन जोड़ा है -

div { बॉर्डर:1px सॉलिड ब्लू; मार्जिन:7px;}
प्रथम p तत्व 

दूसरा p तत्व

हमने तब एक COUNT बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर myChild () फ़ंक्शन निष्पादित करेगा -

MyChild () फ़ंक्शन को वह तत्व मिलता है जिसकी आईडी "DIV1" के बराबर होती है, जो हमारे मामले में

तत्व है और इसके बच्चे। लंबाई संपत्ति मान प्राप्त करता है और इसे चर x को असाइन करता है। यहां महत्वपूर्ण बात यह है कि बच्चों की संपत्ति व्हाइटस्पेस और टिप्पणियों पर विचार नहीं करती है, इसलिए यह केवल दो

तत्वों और बच्चों पर विचार करेगी। लंबाई 2 वापस आ जाएगी। यह मान तब पैराग्राफ में "नमूना" आईडी के साथ आंतरिक HTML का उपयोग करके प्रदर्शित किया जाता है ( ) विधि -

function myChild() { var x =document.getElementById("DIV1").children.length; document.getElementById("Sample").innerHTML ="Div element में "+x+" चाइल्ड नोड्स हैं";}