Witam.
Muszę dynamicznie zmieniać zawartość(konkretnie wartość jednego pola) diva o id "d".
Próbuje to zrobić za pomocą document.getElementsById().style.background ale brak jakichkolwiek efektów .
Muszę to zrobić bez przeładowania strony i tak, aby funkcje zmieniając wartość dało się w przyszłości odpalać automatycznie co jakiś czas.
Gdzie robię błąd?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<link rel="stylesheet" href="style.css" type="text/css" /> <script type="text/javascript">
function zmiana() {
var e = document.getElementsById("d");
for (i=0; i<e.length; i++)
e[i].style.background = "red";
}
<a href="index.php"><img src="naglowek.png" width = "100%"></a><br /> <li><a href="index.php" title="">Start
</a></li> <li><a href="strona1.html" title="">Zespoły
</a> <li><a href="strona1.html" title="">KoRn
</a></li> <li><a href="strona2.html" title="">SOAD
</a></li> <li><a href="strona3.html" title="">Iron
</a></li> <li><a href="strona4.html" title="">Farben Lehre
</a></li>
<a href="kontakt.html" title="">Kontakt
</a>
<div id="d" class="stara2">
<a href="java script:void(zmiana())">Zmiana Tła
</a>
<?
echo"
onvallis nunc eget nulla ullamcorper accumsan. Aliquam molestie sapien id sem posuere pellentesque.";
?>