Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Zmiana stylu wszystkich elementów
Forum PHP.pl > Forum > Przedszkole
verio
Witam. Potrzebuję pomocy ze skryptem zmieniającym wielkość wszystkich elementów o danym id na stronie. Niestety nie mam możliwości zmiany id danych elementów, które chcę zmienić, a wiem, że byłoby łatwiej tak:
  1. <div id="nazwa1"></div>
  2. <div id="nazwa2"></div>
  3. <div id="nazwa3"></div>
  4. ...itd



Obecnie mój skrypt zamienia tylko pierwszy element o danym id. Wygląda on tak:
  1. <script type="text/javascript">
  2. document.getElementById('nazwa').style.width = '400px';
  3. document.getElementById('nazwa').style.height = '260px';


Ktoś może mi pomóc z tym skrypcikiem?
flashdev
W html ustaw klasę dla elementów. class="..."
W js: getElementsByClassName + for in
verio
Niestety po napisaniu czegoś takiego, wciąż mi skrypt nie działa...
  1. <script type="text/javascript">
  2. var tablica = getElementsByClassName('youtube-player');
  3. for (n in tablica) {
  4. tablica[n].style.width = '400px';
  5. tablica[n].style.height = '260px';
  6. }
Fantazyn
Spróbuj dopisać "document." przed motodą getElementsByClassName:

  1. <script type="text/javascript">
  2. var tablica = document.getElementsByClassName('youtube-player');
  3. for (n in tablica) {
  4. tablica[n].style.width = '400px';
  5. tablica[n].style.height = '260px';
  6. }


verio
Przeoczenie. Działa smile.gif Dziękuję smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.