Mam w kodzie HTML dwa linki:
<ul id="header_links">
<li id="header_link_contact">
<a href="http://kontakt.php" title="Kontakt">Kontakt</a>
</li>
<li id="header_link_sitemap">
<a href="http://mapa-strony.php" title="Mapa strony">Mapa strony</a>
</li>
</ul>
Chcę zmienić kolory linków za pomocą Javascriptu dla obu linków. Zastosowałem poniższy skrypt, ale zmienia on tylko kolor dla pierwszego , a chcę zmienić kolor dla wszystkich elementów poprzez manipulacje DOM (przypuszczam, że trzeba do kodu dodać odwołanie kolor.childNodes) tylko, że kilka prób skończyło się u mnie fiaskiem. Ktoś pomoże?
<script>
function zmiana_styli(){
var kolor = document.querySelector('ul#header_links li a');
with (kolor.style) {
color = '#f3f1de';
}
zmiana_styli();
</script>
Do obu elementów a odnosi się w CSS ul#header_links li a.