ZAWWW-2st1.2-w08.tresc-1.1-Slajd23

Przykład prostej aplikacji (7/10)

Kolejna modyfikacja przykładowej aplikacji to zmiana stylu elementu <div> prezentującego dane pobrane z serwera.

Istnieją dwa sposoby zmiany stylu elementu poprzez interfejs DOM. Pierwszy polega na ustawieniu wartości właściwości className węzła, a drugi na bezpośrednim modyfikowaniu właściwości style, mającej postać tablicy właściwości CSS. Pierwszy ze sposobów opiera się o arkusze stylów i pozwala na jednoczesne zaaplikowanie do elementu wielu reguł CSS. Drugi sposób jest najczęściej wykorzystywany w połączeniu zpierwszym w celu „dostrojenia” wyglądu elementu poprzez uzupełnienie czy przesłonięcie reguł z arkusza stylów.

W naszym prostym przykładzie wykorzystany został drugi sposób do zmiany koloru i grubości czcionki elementu.

<< Poprzedni slajd | Spis treści | Następny slajd >>