جسٹا اسکریپٹ ڈی آر ایم - تبدیلی سی ایس ایس
- پچھلے پینج ڈی او ایم فرم
- آئندہ پینج ڈی او ایم انیمیشن
HTML DOM اجازه میدهد تا JavaScript ستیل عناصر HTML را تغییر دهد.
تغییر ستیل HTML
اگر میخواهید ستیل یک عنصر HTML را تغییر دهید، از این نحوه استفاده کنید:
document.getElementById(id).style.امتیاز = نئی ستیل
در مثال زیر <p> عنصر کا ستیل:
مثال
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
<p>مذکورہ بالا پاراگراف اسکریپٹ کے ذریعے بدل دیا گیا ہے。</p>
</body>
</html>
ایونٹ استعمال
ایل ایم ال ڈوم آپ کو ایونٹ کی وجہ سے کوئی کوڈ چلانے کی اجازت دیتا ہے。
جب 'کچھ چیز' ایل ایم ال عناصر پر رونما ہوتی ہے تو، براؤزر ایونٹ پیدا کرتا ہے:
- جب آپ کو کوئی عناصر پر کلک کرتا ہو
- جب ویب پیج لوڈ ہوتی ہے
- جب آپ کا انٹرپٹ فیلڈ بدل دیا جائے
آپ کو اس تعلیم کے آئندہ باب میں اور بھی کچھ ایونٹ کا علم ملے گا。
یہ مثال کے ذریعے آپ کو دیکھنا چاہیئے کہ جب آپ کو بٹن پر کلک کرتا ہو تو، آپ کا ایل ایم ال عناصر کا استایل بدل جائے گا:
مثال
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">میری سرلیک 1</h1>
<button type="button" onclick="document.getElementById('id1').استایل.color = 'red'">
میری آگاہی کریئے!
</button>
</body>
</html>
بیشتر مثال
- visibility
- کس طرح کی نمائش نہیں ہوتی؟ آپ کو ایل ایم ال عناصر کو نمائش دینا چاہیئے کیوں نہیں؟
ایل ایم ال ڈوم اسٹائل اوبجیکٹ مرجع
اگر آپ کو تمام ایل ایم ال ڈوم اسٹائل کی اپنی ویب سائٹ پر دستیابی حاصل کرنا چاہیئے تو، اپنے ویب سائٹ پر جائیدان دیئے ایل ایم ال ڈوم اسٹائل اوبجیکٹ مرجع.
- پچھلے پینج ڈی او ایم فرم
- آئندہ پینج ڈی او ایم انیمیشن
