Tutorial DOM JavaScript dengan Contoh

Isi kandungan:

Anonim

Apakah DOM dalam JavaScript?

JavaScript dapat mengakses semua elemen dalam laman web yang menggunakan Model Objek Dokumen (DOM). Sebenarnya, penyemak imbas web membuat DOM dari laman web semasa halaman dimuat. Model DOM dicipta sebagai pokok objek seperti ini:

Cara menggunakan DOM dan Acara

Dengan menggunakan DOM, JavaScript dapat melakukan pelbagai tugas. Ia dapat membuat elemen dan atribut baru, mengubah elemen dan atribut yang ada dan bahkan membuang unsur dan atribut yang ada. JavaScript juga dapat bertindak balas terhadap peristiwa yang ada dan membuat acara baru di halaman.

getElementById, innerHTML Contoh

  1. getElementById: Untuk mengakses elemen dan atribut yang idnya telah ditetapkan.
  2. innerHTML: Untuk mengakses kandungan elemen.

Cuba Contoh ini sendiri:

 DOM !!! 

Selamat Datang


Ini adalah mesej selamat datang.



Teknologi


Ini adalah bahagian teknologi.

Contoh pengendali acara

  1. createElement: Untuk membuat elemen baru
  2. removeChild: Keluarkan elemen
  3. Anda boleh menambahkan pengendali acara ke elemen tertentu seperti ini:
 document.getElementById(id).onclick=function(){lines of code to be executed}

ATAU

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

Cuba Contoh ini sendiri:

 DOM !!!