Veb səhifədə elementin fon rəngini necə dəyişdirmək…

Bir elementin fon rəngini dəyişdirməyin əsas üsulları aşağıdakılardır:

CSS xüsusiyyəti background-color ilə:

/* Elementi sinfə görə seçirik */
.mənim-elementim {
  background-color: red; /* Rəngi ad ilə təyin edirik */
}

/* Yaxud id ilə */
#başqa-element {
  background-color: #00ff00; /* HEX formatında rəng təyin edirik */
}

/* Yaxud tag ilə */
div {
  background-color: rgb(0, 0, 255); /* RGB formatında rəng təyin edirik */
}

/* Yaxud atribut ilə */
[data-type="button"] {
  background-color: rgba(255, 165, 0, 0.5); /* RGBA formatında rəng təyin edirik (şəffaflıq ilə) */
}

Bu, statik stil üçün ən yaygın və tövsiyə olunan üsuldur.

İnline-stil ilə:
```
<div style="background-color: yellow;">
  Bu elementin sarı fonu var.
</div>
```
Bu üsul daha az tövsiyə olunur, çünki HTML strukturunu təqdimat ilə qarışdırır və böyük layihələrdə stil idarəçiliyini çətinləşdirir.

JavaScript ilə:

// Elementi id ilə əldə et
const element = document.getElementById('myElementId');

// Elementin mövcud olub-olmadığını yoxla
if (element) {
  // background-color xüsusiyyətini dəyiş
  element.style.backgroundColor = 'blue';
}

// Yaxud elementləri sinfə görə əldə et
const elements = document.getElementsByClassName('myClass');

// Elementlər kolleksisində dövr et
for (let i = 0; i < elements.length; i++) {
  elements[i].style.backgroundColor = 'purple';
}

JavaScript istifadəçi hərəkətləri, hadisələr və ya digər şərtlərə əsasən stilləri dinamik dəyişdirmək üçün istifadə olunur.

Hansı metodun seçilməsi kontekstdən asılıdır: daimi stil üçün CSS faylı, kiçik və xüsusi stillər üçün inline-stil (bəzən), və ya dinamik dəyişikliklər üçün JavaScript üstünlük təşkil edir. Stil prioriteti CSS kaskadına görə müəyyən edilir.

Veb səhifədə elementin fon rəngini necə dəyişdirmək olar?