JavaScript: Model DOM - Wybieranie elementów · Kurs: JavaScript · Technik informatyk egzamin zawodowy

JavaScript: Model DOM - Wybieranie elementów

Kurs: JavaScript

Widzisz jedynie fragment lekcji. Całość dostępna po zalogowaniu i aktywacji konta.

Aby manipulować stroną za pomocą JavaScriptu, najpierw musimy pobrać (wybrać) odpowiednie elementy z dokumentu. W nowoczesnym kodzie najczęściej korzystamy z metod wykorzystujących selektory CSS: querySelector() oraz querySelectorAll().

 

querySelector i querySelectorAll

  • document.querySelector(selector) – zwraca pierwszy element zgodny z podanym selektorem CSS (lub null, jeśli nic nie znajdzie).
  • document.querySelectorAll(selector) – pobiera wszystkie pasujące elementy i zwraca je jako kolekcję NodeList (nawet jeśli jest ich zero).
<ul>
  <li>Jabłko</li>
  <li class="wybrany">Pomarańcza</li>
  <li>Banany</li>
</ul>

<script>
  const pierwszyLi = document.querySelector('li');            
  console.log(pierwszyLi.textContent);…
Testy przypięte do lekcji
Aby widzieć ocenę lekcji - Zaloguj się
← Poprzednia lekcja: JavaScript: Model DOM
Następna lekcja: JavaScript: Model DOM - Odczyt i modyfikacja treści →