Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]getElementsByClassName() działa, a querySelector() nie
stellatus
post 17.04.2020, 11:25:40
Post #1





Grupa: Zarejestrowani
Postów: 196
Pomógł: 0
Dołączył: 9.03.2017

Ostrzeżenie: (0%)
-----


https://www.w3schools.com/howto/tryit.asp?f...css_js_dropdown

Kod
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}


Dlaczego
Kod
document.getElementsByClassName("dropdown-content")
tutaj działa, a
Kod
document.querySelector(".dropdown-content")
nie?

Ten post edytował stellatus 17.04.2020, 11:30:46
Go to the top of the page
+Quote Post
trueblue
post 17.04.2020, 11:28:36
Post #2





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A ile elementów znajduje metoda querySelector?

https://developer.mozilla.org/pl/docs/Web/A...t/querySelector


--------------------
Go to the top of the page
+Quote Post
nospor
post 17.04.2020, 11:29:45
Post #3





Grupa: Moderatorzy
Postów: 36 447
Pomógł: 6292
Dołączył: 27.12.2004




Ciezko zrobic alert na obu wynikach i zobaczyc ze obydwie funckje zwracaja inne obiektu a co za tym idzie nalezy inaczej sie z nimi obchodzic?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
stellatus
post 17.04.2020, 11:53:32
Post #4





Grupa: Zarejestrowani
Postów: 196
Pomógł: 0
Dołączył: 9.03.2017

Ostrzeżenie: (0%)
-----


Sorry, głupie pytanie. Nie rozumiałem tej funkcji, która zamyka dropdowna po kliknięciu poza nim.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.04.2024 - 01:46