• 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
69 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 (34,700 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 (41,600 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,230 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ź 69 wizyt
pytanie zadane 21 września 2016 w JavaScript, jQuery, AJAX przez bugs55 Użytkownik (870 p.)
0 głosów
1 odpowiedź 71 wizyt
pytanie zadane 18 września 2016 w Sieci komputerowe, internet przez Michalek Nowicjusz (240 p.)
+1 głos
2 odpowiedzi 120 wizyt
pytanie zadane 29 czerwca 2015 w HTML i CSS przez morlok8 Użytkownik (810 p.)
Obowiązuje już zaktualizowany regulamin.

Czy wiesz, że nie musisz już odświeżać strony głównej?

Lista pytań i odpowiedzi aktualizuje się automatycznie!

38,725 zapytań

76,669 odpowiedzi

149,890 komentarzy

18,135 pasjonatów

Przeglądających: 265
Pasjonatów: 17 Gości: 248

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...