JavaScript: Model DOM - Modyfikacja atrybutów i stylów · Kurs: JavaScript · Technik informatyk egzamin zawodowy

JavaScript: Model DOM - Modyfikacja atrybutów i stylów

Kurs: JavaScript

Widzisz jedynie fragment lekcji. Całość dostępna po zalogowaniu i aktywacji konta.

Oprócz samej zawartości tekstowej można dynamicznie zmieniać także atrybuty elementów i ich style CSS.

 

Metody do obsługi atrybutów

  • element.getAttribute(nazwa) – zwraca wartość danego atrybutu elementu,
  • element.setAttribute(nazwa, wartość) – ustawia wartość atrybutu (tworzy go, jeśli nie istniał),
  • element.hasAttribute(nazwa) – sprawdza, czy element ma podany atrybut (true/false),
  • element.removeAttribute(nazwa) – usuwa podany atrybut z elementu.

Dla często używanych atrybutów (np. id, src, href, alt, value) istnieją też bezpośrednie właściwości obiektu, np. link.href czy image.src.

<a id="link" href="https://przyklad.com" target="_blank">Odwiedź…
Testy przypięte do lekcji
Aby widzieć ocenę lekcji - Zaloguj się
← Poprzednia lekcja: JavaScript: Model DOM - Odczyt i modyfikacja treści
Następna lekcja: JavaScript: Model DOM - Tworzenie i usuwanie elementów →