Samouczek JavaScript DOM z przykładem

Spisie treści:

Anonim

Co to jest DOM w JavaScript?

JavaScript może uzyskać dostęp do wszystkich elementów na stronie internetowej przy użyciu Document Object Model (DOM). W rzeczywistości przeglądarka internetowa tworzy DOM strony internetowej po załadowaniu strony. Model DOM jest tworzony jako drzewo obiektów takich jak:

Jak korzystać z DOM i Zdarzeń

Używając DOM, JavaScript może wykonywać wiele zadań. Może tworzyć nowe elementy i atrybuty, zmieniać istniejące elementy i atrybuty, a nawet usuwać istniejące elementy i atrybuty. JavaScript może również reagować na istniejące zdarzenia i tworzyć nowe zdarzenia na stronie.

getElementById, innerHTML Przykład

  1. getElementById: aby uzyskać dostęp do elementów i atrybutów, których identyfikator jest ustawiony.
  2. innerHTML: Aby uzyskać dostęp do zawartości elementu.

Wypróbuj sam ten przykład:

 DOM !!! 

Witamy


To jest wiadomość powitalna.



Technologia


To jest sekcja technologii

Przykład obsługi zdarzeń

  1. createElement: Aby utworzyć nowy element
  2. removeChild: Usuń element
  3. Możesz dodać procedurę obsługi zdarzeń do określonego elementu w następujący sposób:
 document.getElementById(id).onclick=function(){lines of code to be executed}

LUB

document.getElementById(id).addEventListener("click", functionname)

Wypróbuj sam ten przykład:

 DOM !!!