• 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
44 wizyt
pytanie zadane 5 dni temu 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 5 dni temu przez użytkownika kubaapk Nałogowiec (29,340 punkty)
Spróbuj 'document.getElementsByClassName('day')[0] = date;'
komentarz 5 dni temu 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ź 5 dni temu przez użytkownika xmentor Pasjonat (22,960 punkty)
wybrane 5 dni temu przez użytkownika Sandraa
komentarz 5 dni temu przez użytkownika Sandraa Nowicjusz (170 punkty)
Dziękuję, to wiele wyjaśnia. :)
0 głosów
odpowiedź 5 dni temu przez użytkownika Marcin2000Xpl Bywalec (2,210 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 5 dni temu 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ź 58 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ź 60 wizyt
pytanie zadane 18 września 2016 w Sieci komputerowe, internet przez użytkownika Michalek Nowicjusz (240 punkty)
+1 głos
2 odpowiedzi 111 wizyt
pytanie zadane 29 czerwca 2015 w HTML i CSS przez użytkownika morlok8 Użytkownik (790 punkty)
...