٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش JavaScript HTML DOM – تغییر CSS

HTML DOM به JavaScript اجازه می دهد تا سبک عناصر HTML را تغییر دهد. تغییر سبک HTML برای تغییر سبک عنصر HTML ، از این نحو استفاده کنید: document.getElementById(id).style.property = new style مثال زیر سبک یک <p>عنصر را تغییر می دهد: مثال <html>…

محمد یوسفی

28 جولای 2021

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>

</body>
</html>

 


با استفاده از رویدادها

HTML DOM به شما امکان می دهد در هنگام وقوع یک رویداد ، کد را اجرا کنید.

وقتی “اتفاقاتی برای عناصر HTML رخ می دهد” رویدادها توسط مرورگر ایجاد می شوند:

  • بر روی عنصری کلیک می شود
  • صفحه بارگیری شد
  • قسمتهای ورودی تغییر می کنند

در فصل بعدی این آموزش بیشتر درباره وقایع می آموزید.

این مثال id="id1"وقتی عنصر HTML را کلیک می کند ، سبک عنصر HTML را تغییر می دهد :

مثال

<!DOCTYPE html>
<html>
<body>

<h1 id="id1">My Heading 1</h1>

<button type="button"
onclick="document.getElementById('id1').style.color = 'red'">
Click Me!</button>

</body>
</html>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها