यह पोस्ट जावास्क्रिप्ट का उपयोग करके HTML DOM तत्व 'पिछली एलिमेंटसिबलिंग' संपत्ति की व्याख्या करती है।
HTML DOM एलिमेंट 'पिछली एलिमेंटसिबलिंग' संपत्ति क्या है?
DOM (डॉक्यूमेंट ऑब्जेक्ट मॉडल) तत्व ' पिछला तत्व सहोदर ” एक केवल पढ़ने योग्य गुण है जो उसी पेड़ में किसी तत्व के पिछले सहोदर को पुनः प्राप्त करने में मदद करता है। यह संपत्ति पिछले भाई-बहन की सामग्री लौटाती है।
वाक्य - विन्यास
तत्व। पिछला तत्व सहोदर
यह सिंटैक्स ' लौटाता है डोरी 'जिसमें पिछले भाई-बहन की HTML सामग्री शामिल है, और' व्यर्थ 'यदि यह अस्तित्व में नहीं है.
आइए 'पिछली एलिमेंटसिबलिंग' संपत्ति के कामकाज को दिखाने के लिए उपरोक्त परिभाषित वाक्यविन्यास का व्यावहारिक रूप से उपयोग करें।
उदाहरण: पिछले भाई-बहन की सामग्री वापस करने के लिए 'पिछला एलिमेंट भाई-बहन' संपत्ति लागू करना
यह उदाहरण पिछले भाई-बहन की HTML सामग्री प्राप्त करने के लिए जावास्क्रिप्ट 'पिछली एलिमेंटसिबलिंग' संपत्ति लागू करता है।
HTML कोड
सबसे पहले, निम्नलिखित HTML कोड का अवलोकन करें:
< उल >< वह पहचान = 'पहला' > एचटीएमएल < / वह >
< वह पहचान = 'दूसरा' > सीएसएस < / वह >
< वह पहचान = 'तीसरा' > जावास्क्रिप्ट < / वह >
< / उल >
< पी पहचान = 'के लिए' < / पी >
उपरोक्त कोड पंक्तियों में:
- “
- अव्यवस्थित सूची के अंदर, कई आइटम 'का उपयोग करके एम्बेडेड होते हैं' <वह> 'उनकी निर्दिष्ट आईडी के साथ टैग करें।
- अंत में, ' <पी> टैग एक अद्वितीय आईडी 'पैरा' के साथ एक खाली पैराग्राफ एम्बेड करता है।
जावास्क्रिप्ट कोड
अब, जावास्क्रिप्ट कोड के साथ जारी रखें:
< लिखी हुई कहानी >चलो आइटम = दस्तावेज़। getElementById ( 'तीसरा' ) . पिछला तत्व सहोदर . आंतरिक HTML ;
दस्तावेज़। getElementById ( 'के लिए' ) . आंतरिक HTML = ' तीसरे आइटम का पिछला सहोदर है : ' + वस्तु ;
लिखी हुई कहानी >
उपरोक्त कोड स्निपेट के अनुसार:
- 'आइटम' वेरिएबल पहले 'का उपयोग करता है getElementById() 'तीसरी' आईडी का उपयोग करके लक्षित सूची आइटम तक पहुंचने की विधि और फिर 'लागू करें' पिछला तत्व सहोदर अपने पिछले भाई-बहन को पाने के लिए संपत्ति।
- उसके बाद, ' getElementById() 'विधि अपनी आईडी 'पैरा' का उपयोग करके जोड़े गए खाली पैराग्राफ तक पहुंच कर इसे 'आइटम' वेरिएबल के मान यानी, पिछले भाई-बहन के साथ जोड़ देती है।
उत्पादन
जैसा कि देखा गया है, परिणाम लक्षित आइटम के पिछले भाई-बहन यानी (जावास्क्रिप्ट) को दर्शाता है।
निष्कर्ष
जावास्क्रिप्ट पूर्व-परिभाषित DOM तत्व प्रदान करता है' पिछला तत्व सहोदर किसी तत्व के पिछले सहोदर को पुनः प्राप्त करने की संपत्ति। यह किसी तत्व के पिछले सिबलिंग को उसी ट्री स्तर से लौटाता है जहां लक्ष्य तत्व स्थित है। इस पोस्ट में जावास्क्रिप्ट में HTML DOM तत्व 'previousElementSibling' प्रॉपर्टी की गहराई से व्याख्या की गई है।