• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

span class, a getElementsByClassName

0 głosów
63 wizyt
pytanie zadane 11 stycznia w JavaScript, jQuery, AJAX przez Sandraa Nowicjusz (170 p.)

Cześć!

Robię dość prostą rzecz. Chodzi mi, aby po pobraniu danych od użytkownika za pomocą prompt, wyświetlała się ona w ładnie sformatowanym tekście na stronie. Zależy mi na tym, aby cały tekst, a więc i generowane dane zamknąć w klasach (class). Poniższy kod mi nie działa.

var date = prompt("Podaj datę w formacie xx/xx/xxxx");

document.getElementsByClassName('day') = date;

a w HTML mam 

<span class=”day”></span>

 

Kod działa dla getElementById, ale mi zależy na class, aby tekst nie układał się blokowo. Czy konieczne jest tu użycie id? Proszę pomóżcie! 

komentarz 11 stycznia przez kubaapk Nałogowiec (32,500 p.)
Spróbuj 'document.getElementsByClassName('day')[0] = date;'
komentarz 11 stycznia przez Sandraa Nowicjusz (170 p.)
Niestety w dalszym ciągu brak efektu. Tekst się nie wyświetla. :/ W konsoli nie ma też żadnych komunikatów.

2 odpowiedzi

+2 głosów
odpowiedź 11 stycznia przez xmentor Nałogowiec (32,560 p.)
wybrane 11 stycznia przez Sandraa
komentarz 11 stycznia przez Sandraa Nowicjusz (170 p.)
Dziękuję, to wiele wyjaśnia. :)
0 głosów
odpowiedź 11 stycznia przez Marcin2000Xpl Gaduła (3,210 p.)

Tu masz skrypt JavaScript, który zadziała do wszystkich klas

var date = prompt("Podaj datę w formacie xx/xx/xxxx");
 
var day_elements=document.getElementsByClassName('day');
for(var i=0; i<day_elements.length; i++){
  day_elements[i].innerHTML=date;
}

Zawartość elementu ustawia się przypisując daną zawartość do właściwości "innerHTML".

komentarz 11 stycznia przez Sandraa Nowicjusz (170 p.)
Dziękuję za wyjaśnienie! Nie wpadłabym, aby zrobić to przez pętle.

W poprzednich wersjach kodu miałam document.getElementsByClassName('day').innerHTML = date;

ale też nie działało.

Podobne pytania

0 głosów
1 odpowiedź 66 wizyt
pytanie zadane 21 września 2016 w JavaScript, jQuery, AJAX przez bugs55 Użytkownik (850 p.)
0 głosów
1 odpowiedź 66 wizyt
pytanie zadane 18 września 2016 w Sieci komputerowe, internet przez Michalek Nowicjusz (240 p.)
+1 głos
2 odpowiedzi 117 wizyt
pytanie zadane 29 czerwca 2015 w HTML i CSS przez morlok8 Użytkownik (790 p.)
...