ایچ ٹی ایم ایل ڈوم: دستاویز آبجیکٹ ماڈل کیسے استعمال کریں

ایک دستاویز آبجیکٹ نمائندگی کرتا ہے دستاویز جو اس ونڈو میں ظاہر ہوتی ہے۔ دستاویز آبجیکٹ میں متعدد خصوصیات ہیں جو دوسری چیزوں کا حوالہ دیتے ہیں جو دستاویز کے مواد تک رسائی اور ان میں ترمیم کی اجازت دیتے ہیں۔ اس مضمون میں ، ہم HTML DOM کو سمجھیں گے۔

• ایچ ٹی ایم ایل ڈوم تصور
• HTML ڈوم کیا ہے
• HTML ڈوم کیا نہیں ہے
• جہاں ڈوم آیا تھا
• ایچ ٹی ایم ایل ڈوم کی خصوصیات
• HTML عناصر کی تلاش

ایچ ٹی ایم ایل ڈوم تصور

جس طرح سے دستاویزی مواد تک رسائی اور اس میں ترمیم کی جاتی ہے اس کو کہتے ہیں دستاویز آبجیکٹ ماڈل ، یا ڈوم۔ آبجیکٹ ایک درجہ بندی میں منظم ہیں۔ یہ درجہ بندی کا ڈھانچہ ویب دستاویز میں موجود اشیاء کی تنظیم پر لاگو ہوتا ہے۔

• ونڈو آبجیکٹ اور منفی درجہ بندی کا سب سے اوپر۔ یہ شبیہہ درجہ بندی کا انتہائی عنصر ہے۔
• دستاویز آبجیکٹ اور مائنس ہر ایچ ٹی ایم ایل دستاویز جو ونڈو میں لاد جاتی ہے وہ ایک دستاویز آبجیکٹ بن جاتا ہے۔ دستاویز میں صفحے کے مندرجات شامل ہیں۔
• فارم آبجیکٹ اور مائنس… ٹیگس میں منسلک ہر شے فارم آبجیکٹ کا تعین کرتی ہے۔
• فارم کنٹرول عناصر اور مائنس فارم آبجیکٹ میں اس عنصر کے لئے بیان کردہ تمام عناصر شامل ہیں جیسے ٹیکسٹ فیلڈز ، بٹن ، ریڈیو بٹن اور چیک باکسز۔

HTML ڈوم کیا ہے

دستاویزات آبجیکٹ ماڈل دستاویزات کے لئے ایک پروگرامنگ API ہے۔ آبجیکٹ ماڈل خود دستاویزات کے ماڈرن کی ساخت سے مشابہت رکھتا ہے۔ مثال کے طور پر ، اس ٹیبل پر غور کریں ، جو کسی HTML دستاویز سے لیا گیا ہے:

 
 
 
شیڈی گرو
 
آئیلین
 
 
 
چارلی ، دریا کے پار
 
ڈوریاں
 
    

HTML ڈوم کیا نہیں ہے

اس حصے کو دوسرے سسٹمز سے ممتاز کرکے دستاویز آبجیکٹ ماڈل کے بارے میں زیادہ سے زیادہ صحیح تفہیم دینے کے لئے ڈیزائن کیا گیا ہے جو ایسا لگتا ہے۔

Def___init__

اگرچہ دستاویز آبجیکٹ ماڈل متحرک HTML سے سختی سے متاثر ہوا تھا ، سطح 1 میں ، اس سے تمام متحرک HTML پر عمل درآمد نہیں ہوتا ہے۔ خاص طور پر ، واقعات کی ابھی تک تعریف نہیں کی گئی ہے۔ لیول 1 کو خود بخود دستاویز کا ایک مضبوط ، لچکدار ماڈل فراہم کرکے اس قسم کی فعالیت کے ل a ایک مضبوط بنیاد رکھنے کے لئے ڈیزائن کیا گیا ہے۔

دستاویز آبجیکٹ ماڈل بائنری تصریح نہیں ہے۔ ایک ہی زبان میں لکھے گئے دستاویز آبجیکٹ ماڈل پروگرامز پورے پلیٹ فارمز میں منسلک سورس کوڈ ہوں گے ، لیکن دستاویز آبجیکٹ ماڈل بائنری انٹرآپریبلٹی کی کسی بھی شکل کی وضاحت نہیں کرتا ہے۔

دستاویز آبجیکٹ ماڈل XML یا HTML پر اشیاء کو مستقل کرنے کا طریقہ نہیں ہے۔ XML میں اشیاء کی نمائندگی کیسے کی جاسکتی ہے اس کی بجائے ، دستاویز آبجیکٹ ماڈل یہ بتاتا ہے کہ کس طرح XML اور HTML دستاویزات کو بطور اعتراض نمائندگی کیا جاتا ہے ، تاکہ وہ آبجیکٹ پر مبنی پروگراموں میں استعمال ہوسکیں۔

دستاویز آبجیکٹ ماڈل ڈیٹا ڈھانچے کا ایک سیٹ نہیں ہے ، یہ ایک ایسا آبجیکٹ ماڈل ہے جو انٹرفیس کی وضاحت کرتا ہے۔ اگرچہ اس دستاویز میں والدین / بچوں کے تعلقات کو ظاہر کرنے والے خاکوں پر مشتمل ہے ، لیکن یہ منطقی تعلقات ہیں جو پروگرامنگ انٹرفیس کے ذریعہ بیان کردہ ہیں ، کسی خاص داخلی ڈیٹا ڈھانچے کی نمائندگی نہیں۔

دستاویز آبجیکٹ ماڈل XML یا HTML کے 'حقیقی اندرونی الفاظ' کی وضاحت نہیں کرتا ہے۔ ان زبانوں کی اصطلاحات کی ترجمانی خود زبانیں ہی کرتے ہیں۔

دستاویز آبجیکٹ ماڈل ایک پروگرامنگ ماڈل ہے جو ان الفاظ کے احترام کے لئے ڈیزائن کیا گیا ہے۔ آپ کو XML اور HTML دستاویزات لکھنے کے طریقے کے لئے دستاویز آبجیکٹ ماڈل میں کوئی تصادم نہیں ہے جو دستاویز آبجیکٹ ماڈل میں اس دستاویز کی نمائندگی کی جاسکتی ہے۔

دستاویز آبجیکٹ ماڈل ، اس کے نام کے باوجود ، اجزاء آبجیکٹ ماڈل (COM) کا مقابلہ نہیں ہے۔ COM ، CORBA کی طرح ، انٹرفیس اور اشیاء کی وضاحت کرنے کا زبان آزاد طریقہ ہے۔ دستاویز آبجیکٹ ماڈل انٹرفیس اور اشیاء کا ایک سیٹ ہے جو HTML اور XML دستاویزات کے انتظام کے لئے ڈیزائن کیا گیا ہے۔ ڈوم ہوسکتا ہےزبان سے آزاد نظام جیسے COM یا CORBA کا استعمال کرتے ہوئے اس پر عمل درآمد کیا جاسکتا ہے۔ اس دستاویز میں مخصوص جاوا یا ECMAScript پابندیوں جیسے زبان سے متعلق مخصوص پابندیوں کا استعمال بھی کیا جاسکتا ہے۔

جہاں سے دستاویز آبجیکٹ ماڈل آیا تھا

جاوا اسکرپٹ اسکرپٹ اور جاوا پروگراموں کو ویب براؤزرز میں پورٹیبل بنانے کی اجازت دینے کے لئے دستاویز آبجیکٹ ماڈل ایک تصریح کے طور پر نکلا ہے۔ متحرک ایچ ٹی ایم ایل دستاویز آبجیکٹ ماڈل کا فوری طور پر اجداد تھا ، اور بنیادی طور پر اس میں براؤزرز کے معاملے میں ہی سوچا جاتا تھا۔

تاہم ، جب دستاویز آبجیکٹ ماڈل ورکنگ گروپ تشکیل دیا گیا تو ، اس میں دیگر ڈومینز میں دکاندار بھی شامل ہوئے ، جس میں ایچ ٹی ایم ایل یا ایکس ایم ایل ایڈیٹرز اور دستاویزات کے ذخیرے شامل تھے۔ اس طرح کے XML تیار ہونے سے قبل ان میں سے بہت سے دکانداروں نے SGML کے ساتھ کام کیا تھا ، اس کے نتیجے میں دستاویز آبجیکٹ ماڈل SGML گروس اور ہائ ٹائم معیار سے متاثر ہوا ہے۔ ان میں سے کچھ دکانداروں نے دستاویزات کی فراہمی کے لئے اپنے آبجیکٹ ماڈل تیار کیے تھےپروگرامنگ APIs برائے SGML / XML ایڈیٹرز یا دستاویز کے ذخیروں ، اور ان آبجیکٹ ماڈل نے دستاویز آبجیکٹ ماڈل پر بھی اثر ڈالا ہے۔

ایچ ٹی ایم ایل ڈوم کی خصوصیات

آئیے دستاویز آبجیکٹ کی خصوصیات دیکھیں جو دستاویز آبجیکٹ کے ذریعہ رسائی اور ان میں ترمیم کی جاسکتی ہیں۔

1. ونڈو آبجیکٹ: ونڈو آبجیکٹ ہمیشہ درجہ بندی کے سب سے اوپر ہوتا ہے۔
2. دستاویز آبجیکٹ: جب کسی HTML دستاویز کو ونڈو میں لادا جاتا ہے ، تو وہ دستاویزات کی چیز بن جاتا ہے۔
3. فارم آبجیکٹ: اس کی نمائندگی کرتا ہے فارم ٹیگز
4. اشیاء کو لنک کریں: اس کی نمائندگی کرتا ہے لنک ٹیگز
5. اینکر آبجیکٹ: اس کی نمائندگی کرتا ہے ایک href ٹیگز
6. فارم کنٹرول عناصر: فارم میں بہت سے کنٹرول عناصر ہوسکتے ہیں جیسے ٹیکسٹ فیلڈز ، بٹن ، ریڈیو بٹن اور چیک باکسز وغیرہ۔

طریقے دستاویز آبجیکٹ کی :

1. لکھیں ('تار'): دستاویز پر دی گئی تار لکھتا ہے۔
2. getElementById (): دی گئی ID قیمت والا عنصر لوٹاتا ہے۔
3. ایلٹیم بائن نیم () حاصل کریں: دیئے گئے نام کی قیمت رکھنے والے تمام عناصر کو لوٹاتا ہے۔
4. ایلیمنس بائی ٹیگ نام () حاصل کریں: دیئے گئے ٹیگ کا نام رکھنے والے تمام عناصر کو لوٹاتا ہے۔
5. ایلیمنس بائکلاس نام () حاصل کریں: دیئے گئے کلاس کا نام رکھنے والے تمام عناصر کو لوٹاتا ہے۔

HTML عناصر کی تلاش

جب آپ جاوا اسکرپٹ کے ساتھ HTML عناصر تک رسائی حاصل کرنا چاہتے ہیں تو ، آپ کو پہلے عناصر تلاش کرنا ہوں گے۔

ایسا کرنے کے لئے ایک دو طریقے ہیں:

• ID کے ذریعہ HTML عناصر کی تلاش
• ٹیگ نام کے ذریعہ HTML عناصر کی تلاش
• کلاس کے نام سے HTML عناصر کی تلاش

آئی ڈی کے ذریعہ ایچ ٹی ایم ایل عنصر تلاش کرنا

DOM میں HTML عنصر تلاش کرنے کا سب سے آسان طریقہ عنصر id کا استعمال کرنا ہے۔

مثال

ٹیگ نام کے ذریعہ HTML عناصر کی تلاش

اس مثال سے ID = 'مین' والا عنصر مل جاتا ہے ، اور پھر سب مل جاتا ہے

'مین' کے اندر عناصر:

اس کے ساتھ ، ہم اس ایچ ٹی ایم ایل ڈوم آرٹیکل کے اختتام پر پہنچے ہیں۔ مجھے امید ہے کہ آپ کو HTML DOM ، دستاویز آبجیکٹ ماڈل کے مختلف پہلوؤں کا اندازہ ہو گیا ہے۔

ہمارے چیک کریں جو انسٹرکٹر کی زیر قیادت براہ راست تربیت اور حقیقی زندگی کے منصوبے کے تجربے کے ساتھ آتا ہے۔ یہ تربیت آپ کو بیک اینڈ اور فرنٹ اینڈ ویب ٹیکنالوجیز کے ساتھ کام کرنے کی مہارت میں مہارت حاصل کرتی ہے۔ اس میں ویب ڈویلپمنٹ ، jQuery ، انگولر ، نوڈ جے ایس ، ایکسپریس جے ایس ، اور مونگو ڈی بی کی تربیت شامل ہے۔

ہمارے لئے ایک سوال ہے؟ برائے کرم اس کا ذکر 'HTML امیجز' بلاگ کے تبصرے سیکشن میں کریں اور ہم آپ کو واپس ملیں گے۔

پی ایچ پی کو سرنی کو اعتراض میں تبدیل کریں