Informatică Rețele

Cum accesez elemente DOM cu JavaScript?

Accesezi elemente DOM cu JavaScript folosind metode specifice pentru selecție. Cele mai comune sunt getElementById(), getElementsByClassName(), getElementsByTagName(), querySelector() și querySelectorAll(). Aceste metode returnează elemente HTML pe care le poți manipula.

Metode de selecție după atribut

  • getElementById() Returnează un singur element după ID-ul unic. Exemplu: document.getElementById('buton').
  • getElementsByClassName() Returnează o colecție de elemente cu aceeași clasă. Exemplu: document.getElementsByClassName('meniu').
  • getElementsByTagName() Returnează elemente după tipul de tag HTML. Exemplu: document.getElementsByTagName('p').

Metode moderne cu selectori CSS

  • querySelector() Returnează primul element care se potrivește cu selectorul CSS. Exemplu: document.querySelector('#id .clasa').
  • querySelectorAll() Returnează toate elementele care se potrivesc cu selectorul CSS. Exemplu: document.querySelectorAll('div p').

Folosește querySelector() pentru selecții complexe și getElementById() pentru elemente unice.

Mai multe din Rețele