Forum PHP.pl > zmienianie stylu listy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

kryspi

27.05.2007, 00:13:52

Hej,

jak zmienic mozna styl elementowi <li> (zeby go np podswietlic) pobranemu w nastepujacy sposob

[HTML] pobierz, plaintext 
ul=document.getElementById('lista');
                   li=ul.getElementsByTagName('LI');
[HTML] pobierz, plaintext

cos takiego jak ponizej nie dziala niestety

[HTML] pobierz, plaintext 
for(i=0;i<li.length;i++){
                      li[i].style.color="red";
                   }
[HTML] pobierz, plaintext

pbnan

27.05.2007, 17:49:04

[HTML] pobierz, plaintext 
<html>
<head>
<title>bla</title>
 
<script>
function change_style() {
  var ul = document.getElementById('lista');
  var li = ul.getElementsByTagName('li');
  for (var i=0; i < li.length; i++) {
    li[i].style.color='red';
  }
}
</script>
 
</head>
<body>
<ul id="lista">
<li>asd</li>
<li>asd</li>
<li>asd</li>
<li>asd</li>
</ul>
<input type="button" onclick="change_style();" value="click me!" />
</body>
</html>
[HTML] pobierz, plaintext

Działa, testowane na FF2.0

kryspi

27.05.2007, 19:45:58

Faktycznie dziala

w nocy to robilem to juz chyba nie odroznialem kolorkow. Mam jeszcze jedno pytanko do tego. Jak zmienic kolory jesli poszczegolne elementy listy sa jeszcze dodatkowo w tagu <a href..."
czyli lista wyglada tak

<ul id="lista">
<li><a href="">asd</a></li>
<li><a href="">asd</a></li>
<li><a href="">asd</a></li>
<li><a href="">asd</a></li>
</ul>

za podpowiedz bede wdzieczny

Pozdrawiam

ok juz wiem

trzeba zmienic

var li = ul.getElementsByTagName('li');

na

var li = ul.getElementsByTagName('a');

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.