X
ďťż

[CSS/JavaScript] zmiana klas CSS przez JavaScript

       

Podstrony


telcocafe

Mam klasę CSS w oddzielnym pliku
.a { background-color: blue; }

a w kodzie HTML

<p class="a">tekst</p> <div class="a">treść</p>

Jak za pomocą Javascript zmienić wartość blue atrybutu background-color klasy a na yellow?

Zaznaczam, że chodzi o klasę, bowiem w innym przypadku stosuję funkcję getElementById()

2. Gdzie znajdę definicję funkcji Javascript, które są zalecane do użytku? Domyślam się, że chodzi o W3Cm, ale na ich stronie nie mogę znaleźć Javascript. Chodzi mi o ogólny zbiór funkcji, np. getElementById(), alert(), ponieważ szukanie odpowiedniej w googlach jest nie lada wyzwaniem.



Znalazłem coś takiego:
Object.prototype.getElementsByClassName=function(c){ for(var i=0,a=[],d;d=this.getElementsByTagName('*')[i++];){ if(RegExp("\\b"+c+"\\b",'gi').test(d.className) ){ a.push(d); } } return a; }
Użycie:
onload=function(){ for(i=0;d=document.getElementById('b').getElementsByClassNeme('test') [i++];) { d.setattribute('style','background:yellowgreen'); } }
Sie moze przyda sie... :)
Użytkownik master_dos edytował ten post 19 styczeń 2007, 18:04
@up: ja tam kilka podstawowych literówek widzę :P
Przeczytaj i popraw :P Przeczytaj, a nie wklejaj!

A ja dam to, tak na szybko napisane:<script type="text/javascript"> <!-- document.getElementsByClassName = function(className) { /* function from [url="http://riddle.jogger.pl"]http://riddle.jogger.pl[/url] */ var children = document.getElementsByTagName('*') || document.all; var elements = new Array(); for (var i = 0; i < children.length; i++) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == className) { elements.push(child); break; } } } return elements; } function changeBgByClass(nazwaKlasy,kolor) { obj = document.getElementsByClassName(nazwaKlasy); for(i=0; i < obj.length; i++) { obj[i].style.background = kolor; } } --> </script>
a później tylko wywołać, np.<input type="button" value="Zmien kolor" onclick="changeBgByClass('a','yellow');" />
Użytkownik DJ_ProG edytował ten post 19 styczeń 2007, 20:10
a gdzie są rekomendowane lub oficjalne opisy funkcji Javascript i JScript?



http://w3schools.com/js/ ?
Użytkownik Coldpeer edytował ten post 20 styczeń 2007, 19:20

a gdzie są rekomendowane lub oficjalne opisy funkcji Javascript i JScript? Maiłem dać, ale zapomniałem :P
Oprócz W3C, ja polecam Gecko DOM Reference - sam korzystam, i powiem, że przystępnie opisane :)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.

    Drogi uzytkowniku!

    W trosce o komfort korzystania z naszego serwisu chcemy dostarczac Ci coraz lepsze uslugi. By moc to robic prosimy, abys wyrazil zgode na dopasowanie tresci marketingowych do Twoich zachowan w serwisie. Zgoda ta pozwoli nam czesciowo finansowac rozwoj swiadczonych uslug.

    Pamietaj, ze dbamy o Twoja prywatnosc. Nie zwiekszamy zakresu naszych uprawnien bez Twojej zgody. Zadbamy rowniez o bezpieczenstwo Twoich danych. Wyrazona zgode mozesz cofnac w kazdej chwili.

     Tak, zgadzam sie na nadanie mi "cookie" i korzystanie z danych przez Administratora Serwisu i jego partnerow w celu dopasowania tresci do moich potrzeb. Przeczytalem(am) Polityke prywatnosci. Rozumiem ja i akceptuje.

     Tak, zgadzam sie na przetwarzanie moich danych osobowych przez Administratora Serwisu i jego partnerow w celu personalizowania wyswietlanych mi reklam i dostosowania do mnie prezentowanych tresci marketingowych. Przeczytalem(am) Polityke prywatnosci. Rozumiem ja i akceptuje.

    Wyrazenie powyzszych zgod jest dobrowolne i mozesz je w dowolnym momencie wycofac poprzez opcje: "Twoje zgody", dostepnej w prawym, dolnym rogu strony lub poprzez usuniecie "cookies" w swojej przegladarce dla powyzej strony, z tym, ze wycofanie zgody nie bedzie mialo wplywu na zgodnosc z prawem przetwarzania na podstawie zgody, przed jej wycofaniem.