اس پوسٹ میں جاوا اسکرپٹ آبجیکٹ کی ایک صف میں آبجیکٹ آئی ڈی تلاش کرنے کا طریقہ بتایا گیا ہے۔
جاوا اسکرپٹ میں ضمیمہ () طریقہ کیا ہے؟
' شامل کریں() جاوا اسکرپٹ میں طریقہ عنصر کے آخر میں عناصر یا سٹرنگ آبجیکٹ داخل کرنے کے لیے استعمال کیا جاتا ہے۔ یہ عنصر کے آخر میں مخصوص پوزیشن پر مطلوبہ عنصر کو شامل کرنے کے لیے سب سے مفید طریقوں میں سے ایک ہے۔
جاوا اسکرپٹ میں ضمیمہ () طریقہ استعمال کیسے کریں؟
جاوا اسکرپٹ میں ضمیمہ () فنکشن کو استعمال کرنے کے لیے، ذیل میں بیان کردہ نحو کی پیروی کریں:
d ( سلیکٹر ) . شامل کریں ( مواد، فنکشن ( انڈیکس، ایچ ٹی ایم ایل ) )
یہاں:
- ' سلیکٹر ” HTML عنصر ہے جس تک رسائی حاصل کی جاتی ہے۔
- ' شامل کریں() عنصر کو شامل کرنے کے لیے طریقہ استعمال کیا جاتا ہے۔
- ' مواد ' مطلوبہ پیرامیٹر ہے، جو ڈیٹا کے مواد کا تعین کرتا ہے جو ضمیمہ کرنا ہے۔
- ' فنکشن() ایک اختیاری عنصر ہے۔
مثال 1: پیراگراف میں ایک ہی عنصر شامل کریں۔
ایک پیراگراف میں انہی عناصر کو شامل کرنے کے لیے، پہلے متعلقہ HTML صفحہ کھولیں اور ' ٹیگ کے درمیان ڈیٹا کو ایمبیڈ کرنے کے لیے ٹیگ۔ مزید برآں، تفویض کریں ' آئی ڈی جاوا اسکرپٹ میں اس تک رسائی کے لیے پیراگراف تک:
< پی آئی ڈی = 'عنصر' > Linuxhint میں خوش آمدید ص >
اگلا، 'کی مدد سے ایک بٹن بنائیں۔ <بٹن> عنصر اور استعمال کریں کلاس کسی خاص نام کی وضاحت کرنے کے لیے خصوصیت اور بٹن پر ظاہر کرنے کے لیے بٹن عنصر کے ساتھ متن کو ایمبیڈ کریں:
< بٹن کلاس = 'بی ٹی این' > عنصر شامل کریں۔ بٹن >اب، استعمال کریں ' جاوا اسکرپٹ کوڈ شامل کرنے کے لیے ٹیگ:
< سکرپٹ >
$ ( دستاویز ) . تیار ( فنکشن ( ) {
$ ( '.btn' ) . کلک کریں ( فنکشن ( ) {
$ ( '#عنصر' ) . شامل کریں ( 'بٹن کلک پر متن شامل کریں' ) ;
} ) ;
} ) ;
سکرپٹ >
دیئے گئے کوڈ کے مطابق:
- ' تیار() جب دستاویز کو اسکرین پر کامیابی سے لوڈ کیا جاتا ہے تو کسی فنکشن کو دستیاب کرنے کے لیے طریقہ استعمال کیا جاتا ہے۔ ایسا کرنے کے لیے، پاس کریں ' فنکشن() پیرامیٹر کے طور پر طریقہ۔
- ' کلک کریں() جب صارف HTML بٹن عنصر پر کلک کرتا ہے تو طریقہ استعمال ہوتا ہے۔ یہ طریقہ کلک کے عمل کا تعین کرتا ہے جب صارف بٹن کو مارتا ہے۔
- ' شامل کریں() 'طریقہ عمل کے بعد اشیاء کا ایک سیٹ داخل کرتا ہے' کلک کریں() 'طریقہ. اس مقصد کے لیے، وہ متن پاس کریں جس میں ضم کرنے کی ضرورت ہے۔
آؤٹ پٹ
مثال 2: فہرست کی شکل میں مختلف عناصر کو شامل کریں۔
آپ مختلف عناصر کو فہرست کی شکل میں شامل کر سکتے ہیں۔ ایسا کرنے کے لیے، ایک HTML صفحہ بنائیں اور اس کی مدد سے ٹیکسٹ ایمبیڈ کریں۔ ٹیگ:
< پی آئی ڈی = 'شامل کریں' > جاوا اسکرپٹ ضمیمہ ( ) فنکشن ص >'کا استعمال کرتے ہوئے ایک بٹن بنائیں <بٹن> عنصر اور استعمال کریں کلک پر ' واقعہ جو اس وقت ہوتا ہے جب صارف کسی HTML عنصر پر کلک کرتا ہے:
< بٹن پر کلک کریں۔ = 'func()' > عناصر کو شامل کریں۔ بٹن >ایک div کنٹینر بنائیں اور استعمال کرکے اس کنٹینر کو ایک ID تفویض کریں۔ آئی ڈی ' وصف. اگلا، 'کی مدد سے عناصر کو شامل کریں ٹیگ:
< div id = 'زیادہ عنصر' >< ص > عنصر 1 ص >
< ص > عنصر 2 ص >
div >
اگلا، استعمال کیا ' ٹیگ کریں اور ٹیگ کے درمیان درج ذیل کوڈ شامل کریں:
< سکرپٹ >var عنصر نمبر = 3 ;
فنکشن فنکشن ( ) {
والدین تھے = دستاویز getElementById ( 'زیادہ عنصر' ) ;
نیا عنصر تھا۔ = '
عنصر'
+ عنصر نمبر + '' ;والدین AdjacentHTML داخل کریں۔ ( 'پہلے' ، اور عنصر ) ;
عنصر نمبر ++;
}
سکرپٹ >
اوپر بیان کردہ کوڈ میں:
- 'کا استعمال کرتے ہوئے ایک متغیر کا اعلان کریں تھا کلیدی لفظ اور اپنی ترجیح کے مطابق اس کی قدر تفویض کریں۔
- ایک فنکشن کی وضاحت کریں اور کسی خاص نام کے ساتھ متعین فنکشن کے اندر ایک اور متغیر شروع کریں۔
- پھر، 'دعوت کریں getElementById() عنصر تک رسائی حاصل کرنے اور پیرامیٹر کے بطور آئی ڈی ویلیو پاس کرنے کے لیے جاوا اسکرپٹ کا طریقہ۔
- ' InsertAdjacentHTML() HTML کوڈ کو ایک مخصوص پوزیشن میں شامل کرنے اور ایک دوسرے سے ملحق عنصر کو شامل کرنے کے لیے طریقہ استعمال کیا جاتا ہے۔
- عنصر میں اضافہ کرنے کے لیے انکریمنٹ آپریٹر کا استعمال کریں:
آپ نے مختلف مثالوں کے ساتھ جاوا اسکرپٹ میں append() طریقہ کے استعمال کے بارے میں سیکھا ہے۔
نتیجہ
' شامل کریں() ' ایک جاوا اسکرپٹ طریقہ ہے جو وضاحت شدہ عنصر کے آخر میں عنصر اور اشیاء کو داخل کرنے کے لیے استعمال کیا جاتا ہے۔ آپ ایک ہی عنصر اور مختلف عناصر کو پیراگراف اور فہرستوں کی شکل میں شامل کر سکتے ہیں۔ مزید خاص طور پر، اسے بٹن پر کلک کرنے پر متحرک کیا جا سکتا ہے۔ اس پوسٹ نے جاوا اسکرپٹ میں ضمیمہ () طریقہ کا مظاہرہ کیا ہے۔