• 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
49 wizyt
pytanie zadane 11 stycznia w JavaScript, jQuery, AJAX przez użytkownika Sandraa Nowicjusz (170 punkty)

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 użytkownika kubaapk Nałogowiec (30,460 punkty)
Spróbuj 'document.getElementsByClassName('day')[0] = date;'
komentarz 11 stycznia przez użytkownika Sandraa Nowicjusz (170 punkty)
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 użytkownika xmentor Nałogowiec (25,920 punkty)
wybrane 11 stycznia przez użytkownika Sandraa
komentarz 11 stycznia przez użytkownika Sandraa Nowicjusz (170 punkty)
Dziękuję, to wiele wyjaśnia. :)
0 głosów
odpowiedź 11 stycznia przez użytkownika Marcin2000Xpl Gaduła (3,110 punkty)

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 użytkownika Sandraa Nowicjusz (170 punkty)
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ź 62 wizyt
pytanie zadane 21 września 2016 w JavaScript, jQuery, AJAX przez użytkownika bugs55 Użytkownik (700 punkty)
0 głosów
1 odpowiedź 62 wizyt
pytanie zadane 18 września 2016 w Sieci komputerowe, internet przez użytkownika Michalek Nowicjusz (240 punkty)
+1 głos
2 odpowiedzi 112 wizyt
pytanie zadane 29 czerwca 2015 w HTML i CSS przez użytkownika morlok8 Użytkownik (790 punkty)
...