Jak w JavaScript zmienić wartość WŁAŚCIWOŚCI CSS elementu (opisanego stylem)?
Źle. Do stylu CSS odwołujemy się przez
.style.Źle.
innerHTML zmienia TREŚĆ, nie styl.Dobrze. Właściwości CSS są w obiekcie
.style.Źle. Pomija
.style.Aby z poziomu JavaScriptu zmienić właściwość CSS elementu, sięga się do jego obiektu
style i podaje nazwę właściwości: document.getElementById(id).style.color = "red";. Obiekt style reprezentuje style inline elementu. Dlatego poprawny jest zapis ze style.<właściwość>.Pozostałe zapisy nie ustawią stylu. Pominięcie
style (odwołanie wprost do .color czy .<atrybut>) nie trafia we właściwości CSS. innerHTML podmienia ZAWARTOŚĆ elementu (HTML wewnątrz), a nie jego wygląd. Styl zmienia się przez element.style.<właściwość>.