یہ پوسٹ جاوا اسکرپٹ کا استعمال کرتے ہوئے HTML DOM عنصر 'previousElementSibling' پراپرٹی کی وضاحت کرتی ہے۔
HTML DOM عنصر 'previousElementSibling' پراپرٹی کیا ہے؟
DOM (دستاویز آبجیکٹ ماڈل) عنصر ' پچھلے عنصر بہن بھائی ” صرف پڑھنے کی خاصیت ہے جو ایک ہی درخت میں کسی عنصر کے پچھلے بہن بھائی کو بازیافت کرنے میں مدد کرتی ہے۔ یہ پراپرٹی پچھلے بہن بھائی کا مواد واپس کرتی ہے۔
نحو
عنصر پچھلے عنصر بہن بھائی
یہ نحو واپس کرتا ہے ' تار 'پچھلے بہن بھائی کے HTML مواد پر مشتمل، اور' خالی 'اگر یہ موجود نہیں ہے.
آئیے 'previousElementSibling' پراپرٹی کے کام کو دکھانے کے لیے اوپر بیان کردہ نحو کو عملی طور پر استعمال کریں۔
مثال: پچھلے بہن بھائی کے مواد کو واپس کرنے کے لیے 'previousElementSibling' پراپرٹی کا اطلاق کرنا
یہ مثال JavaScript 'previousElementSibling' پراپرٹی کو پچھلے بہن بھائی کے HTML مواد کو حاصل کرنے کے لیے لاگو کرتی ہے۔
HTML کوڈ
سب سے پہلے، درج ذیل HTML کوڈ کا جائزہ:
< ال >< کہ آئی ڈی = 'پہلا' > ایچ ٹی ایم ایل < / کہ >
< کہ آئی ڈی = 'دوسرا' > سی ایس ایس < / کہ >
< کہ آئی ڈی = 'تیسرے' > جاوا اسکرپٹ < / کہ >
< / ال >
< ص آئی ڈی = 'کے لیے' >< / ص >
مندرجہ بالا کوڈ لائنوں میں:
- '
- غیر ترتیب شدہ فہرست کے اندر، 'کا استعمال کرتے ہوئے متعدد آئٹمز کو سرایت کیا گیا ہے۔ <وہ> ان کی تفویض کردہ آئی ڈی کے ساتھ ٹیگ کریں۔
- آخر میں، ' ' ٹیگ ایک خالی پیراگراف کو ایک منفرد id 'para' کے ساتھ سرایت کرتا ہے۔
جاوا اسکرپٹ کوڈ
اب، جاوا اسکرپٹ کوڈ کے ساتھ جاری رکھیں:
< سکرپٹ >آئٹم دو = دستاویز getElementById ( 'تیسرے' ) . پچھلے عنصر بہن بھائی . اندرونی ایچ ٹی ایم ایل ;
دستاویز getElementById ( 'کے لیے' ) . اندرونی ایچ ٹی ایم ایل = ' تیسرے آئٹم کا پچھلا بھائی ہے :' + آئٹم ;
سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں کے مطابق:
- 'آئٹم' متغیر پہلے استعمال کرتا ہے ' getElementById() ٹارگٹڈ لسٹ آئٹم تک رسائی حاصل کرنے کا طریقہ اس کی آئی ڈی 'تیسرے' کا استعمال کرتے ہوئے اور پھر لاگو کریں ' پچھلے عنصر بہن بھائی اس کے پچھلے بہن بھائی کو حاصل کرنے کے لیے جائیداد۔
- اس کے بعد، ' getElementById() 'طریقہ اپنی id 'para' کا استعمال کرتے ہوئے شامل کردہ خالی پیراگراف تک رسائی حاصل کرتا ہے تاکہ اسے 'آئٹم' متغیر کی قدر کے ساتھ شامل کیا جا سکے یعنی پچھلے بہن بھائی۔
آؤٹ پٹ
جیسا کہ دیکھا گیا ہے، نتیجہ ٹارگٹڈ آئٹم کے پچھلے بہن بھائی کو ظاہر کرتا ہے یعنی (جاوا اسکرپٹ)۔
نتیجہ
جاوا اسکرپٹ پہلے سے طے شدہ DOM عنصر فراہم کرتا ہے ' پچھلے عنصر بہن بھائی ' کسی عنصر کے پچھلے بہن بھائی کو بازیافت کرنے کی خاصیت۔ یہ ایک عنصر کے پچھلے بہن بھائی کو اسی درخت کی سطح سے لوٹاتا ہے جہاں ہدف کا عنصر موجود ہے۔ اس پوسٹ نے جاوا اسکرپٹ میں HTML DOM عنصر 'previousElementSibling' پراپرٹی کی گہرائی سے وضاحت کی ہے۔