JS jak dostać się do tagu html w środku innego tagu

Question

Hej, zacznę od tego, że jestem początkujący i nie znam jeszcze za dobrze js'a. Mam następujący problem: mam kolekcje i dodaje jej elementom onclicka

     var btn = document.getElementsByClassName("wydarzenie");
       for(const element of document.getElementsByClassName("wydarzenie"))
       {
          element.onclick = function() {
          var kiedy = element.innerHTML;
          document.getElementById("zawartosc").innerHTML = kiedy;
          modal.style.display = "block";
        }
      }

Chciałbym włożyć do zmiennej kiedy nie wartość elementu, lecz wartość znacznika <p class="ukryte_id"> o display: none, który jest wewnątrz tagu o klasie wydarzenie. Jak to zrobić?

Answer 1

W pętli drugi raz pobierasz referencje do obiektu. Wykorzystaj btn, który już masz. I jeżeli masz w pętli element, w który klikasz (kiedy) to pobierz z niego to co potrzebujesz za pomocą np. kiedy.querySelector('p').textContent

 

Comments

Mógłbyś podać przykład, jak to powinno wyglądać. Szczerze mówiąc nie wiem nawet gdzie pobieram te referencję.

---

Jednak się już udało. Mógłbyś powiedzieć, czy to na pewno powinno tak wyglądać?

var btn = document.getElementsByClassName("wydarzenie");
for(const element of document.getElementsByClassName("wydarzenie"))
      {
        element.onclick = function() {
          var kiedy = element.querySelector('p').innerHTML;
          document.getElementById("zawartosc").innerHTML = kiedy;
          modal.style.display = "block";
        }
      }

 

---

 const btn = document.getElementsByClassName("wydarzenie")

To jest referencja do obiektu, czyli do miejsca w pamięci gdzie znajduje się obiekt. Czyli możesz korzystać z tej referencji w tym przypadku w całym kodzie (zmienna globalna).

for(const element of btn){
...
}

 

---

Ok, dzięki