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