span class, a getElementsByClassName

pytanie zadane 11 stycznia 2017 w JavaScript 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 2017 przez kubaapk Nałogowiec (44,270 p.)

Spróbuj 'document.getElementsByClassName('day')[0] = date;'

komentarz 11 stycznia 2017 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

odpowiedź 11 stycznia 2017 przez xmentor Nałogowiec (49,520 p.)
wybrane 11 stycznia 2017 przez Sandraa

Najlepsza

https://developer.mozilla.org/pl/docs/Web/API/Document/querySelector

komentarz 11 stycznia 2017 przez Sandraa Nowicjusz (170 p.)

Dziękuję, to wiele wyjaśnia. :)

odpowiedź 11 stycznia 2017 przez Marcin2000Xpl Gaduła (3,250 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 2017 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.