جاوا اسکرپٹ میں DOM کے بارے میں آپ سب جاننے کی ضرورت ہے

کیا آپ جانتے ہیں کہ ہم جاوا اسکرپٹ کو ویب پیج پر موجود مواد کو جوڑنے میں استعمال کرسکتے ہیں؟ دلچسپ لگتا ہے؟ آئیے سمجھتے ہیں کہ دستاویز آبجیکٹ ماڈل کیا ہے۔ جاوا اسکرپٹ میں DOM مندرجہ ذیل طریقے سے:

• جاوا اسکرپٹ میں DOM کیا ہے؟
• جاوا اسکرپٹ میں DOM کے اعمال
• ڈوم سے پوچھ گچھ
• واقعات کو سن رہا ہے
• فارم کے ساتھ بات چیت
• HTML عناصر کی تشکیل
• سی ایس ایس کو شامل کرنا

جاوا اسکرپٹ میں ڈوم کیا ہے؟

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

ہمارے ویب پیج کا تمام DOM دستاویز آبجیکٹ کے اندر بیٹھتا ہے۔ پروگرام کے لحاظ سے ، یہ ماڈل ہمیں اپنے صفحے کے مندرجات کو پڑھنے یا تبدیل کرنے کی اجازت دیتا ہے . کیا یہ ٹھنڈا نہیں ہے؟

جاوا اسکرپٹ میں DOM کے اعمال

کچھ اقدامات جو ہم اس ماڈل کے ساتھ انجام دے سکتے ہیں۔

• صفحہ پر DOM / میں HTML عناصر کو تبدیل / حذف کریں۔

• عناصر میں سی ایس ایس شیلیوں کو تبدیل اور شامل کریں

  جاوا میں حوالہ سے کیسے گزرنا ہے

• (href، src، Alt) وغیرہ کو پڑھیں اور اس میں تبدیلی کریں۔

  
  
  

• نئے عناصر بنائیں اور انہیں ڈوم / صفحہ میں داخل کریں۔

• ایونٹ کے سامعین کو عناصر کے ساتھ منسلک کریں (کلک ، کیپریس ، جمع کروائیں)

جاوا اسکرپٹ میں DOM سے استفسار کررہا ہے

کسی HTML عنصر کو پکڑنا یا اس میں شامل ہونا / تبدیل کرنا یا مواد شامل کرنا کوئوری کرنا کہتے ہیں۔

HTML کوڈ:

کیا ہے. فارمٹ ازگر میں

جاوا اسکرپٹ اور DOM h1 {فونٹ سائز: 60px}

جاوا اسکرپٹ کوڈ:

var عنوان = دستاویز.getElementById ('عنوان') // cgangin color to red عنوان.style.color = 'red' var body = document.getElementById ('باڈی') // پس منظر کا رنگ ہلکے نیلے رنگ کے جسم میں تبدیل کرنا۔ اسٹائل۔ پس منظر کا رنگ = 'لائٹ بلیو'

ہم نے جاوا اسکرپٹ کا استعمال کرتے ہوئے عنوان کا متن کا رنگ سیاہ سے سرخ کردیا۔ ہم نے اسے حاصل کرکے حاصل کیا . اسٹائل پراپرٹی نے پھر ویلیو کو تبدیل کردیا رنگ کے برابر نیٹ .

اب جسم کے عنصر کے پس منظر کا رنگ تبدیل کریں ہلکے نیلے رنگ کے .

servicenow سبق ابتدائی پی ڈی ایف کے لئے

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

اب جب آپ جاوا اسکرپٹ میں DOM کے بارے میں جانتے ہیں تو ، چیک کریں بذریعہ ایڈوریکا۔ ویب ڈویلپمنٹ سرٹیفیکیشن ٹریننگ آپ کو HTML5 ، CSS3 ، ٹویٹر بوٹسٹریپ 3 ، jQuery اور گوگل API کا استعمال کرتے ہوئے متاثر کن ویب سائٹ بنانے کا طریقہ سیکھنے میں مدد دے گی اور اسے ایمیزون سادہ اسٹوریج سروس (S3) میں تعینات کرے گی۔

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