JavaScript HTML DOM - CSS ਬਦਲਣਾ
- پائیدہ پچھلے DOM فرم
- پائیدہ پہلے DOM انیمیشن
HTML DOM 允许 JavaScript 更改 HTML 元素的样式。
改变 HTML 样式
如需更改 HTML 元素的样式，请使用此语法：
document.getElementById(id).style.property = new style
下面的例子更改了 <p> 元素的样式：
مثال
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
<p>بالترتیب کا پاراگراف اس اسکریپٹ کے ذریعے تبدیل کیا گیا ہے。</p>
</body>
</html>
رویداد استعمال
HTML DOM آپ کو رویداد آمد وقت کوڈ کا نفاذ کرنے کا اجازت دیتا ہے。
جب 'کچھ چیزی' HTML عناصر پر ہوتا ہوا، بروزر کسی رویداد کو پیدا کرتا ہے:
- عنصر پر کچھ کیا جائیگا کے وقت کاچ کیا جائے گا:
- صفحه لوڈ کی جائیگی کے وقت
- ورودی فیلڈ کو تبدیل کیا جائیگا کے وقت
آپ کسی بھی کیچ کی اگلی فصل میں مزید معلومات سیکھیں گے。
یہ مثال، یور کاچ پر کریپت درج کیا جائے گا:
مثال
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">میری سرلیک 1</h1>
<button type="button" onclick="document.getElementById('id1').style.color = 'red'">
میری کچھ لکھا!
</button>
</body>
</html>
بہتر مثال
- Visibility
- عناصر کو دیکھ نہیں دیکھنا چاہئیں؟ آپ چاہتے ہیں کہ عناصر کو دکھایا جائے؟
HTML DOM Style اشیاء مراجع کتاب
تمام HTML DOM استایل پرزوؤں کے لئے، ہمارے HTML DOM Style اشیاء مراجع کتاب.
- پائیدہ پچھلے DOM فرم
- پائیدہ پہلے DOM انیمیشن
