Czym jest (DOM)

DOM jest fundamentalnym elementem programowania aplikacji webowych i jego zrozumienie jest kluczowe dla tworzenia interaktywnych stron internetowych. DOM jest drzewem składającym się z elementów HTML, które są reprezentowane jako obiekty w języku JavaScript. Każdy element HTML jest reprezentowany jako obiekt, który można manipulować za pomocą kodu JavaScript.

Metoda document.querySelector() jest jednym ze sposobów na uzyskanie dostępu do elementu DOM. Można też uzyskać dostęp poprzez identyfikator document.getElementById()

								
const element = document.getElementById('my-element');
element.innerHTML = 'Hello World!';

Reakcja na kliknięcie przycisku o identyfikatorze my-button

 								
const button = document.getElementById('my-button');
button.addEventListener('click', function() {
	console.log('Button was clicked');
});

Notatka

Metoda document.getElementById() jest prostym sposobem na uzyskanie dostępu do elementu za pomocą jego identyfikatora. Jeśli jednak chcesz wybrać elementy na podstawie innych kryteriów, na przykład klasy CSS, tagu lub selektora, to metoda document.querySelector() będzie bardziej odpowiednia.