span class, a getElementsByClassName

Question

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! 

Comments

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

---

Niestety w dalszym ciągu brak efektu. Tekst się nie wyświetla. :/ W konsoli nie ma też żadnych komunikatów.

Answer 1

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

Comments

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

Answer 2

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".

Comments

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.