Örnekli JavaScript DOM Eğitimi

İçindekiler:

Anonim

JavaScript'te DOM nedir?

JavaScript, Belge Nesne Modeli'ni (DOM) kullanarak bir web sayfasındaki tüm öğelere erişebilir. Aslında, web tarayıcısı, sayfa yüklendiğinde web sayfasının DOM'unu oluşturur. DOM modeli, aşağıdaki gibi nesnelerden oluşan bir ağaç olarak oluşturulur:

DOM ve Olaylar nasıl kullanılır?

DOM kullanarak, JavaScript birden çok görevi gerçekleştirebilir. Yeni unsurlar ve nitelikler oluşturabilir, mevcut unsurları ve nitelikleri değiştirebilir ve hatta mevcut unsurları ve nitelikleri kaldırabilir. JavaScript ayrıca mevcut olaylara tepki verebilir ve sayfada yeni olaylar oluşturabilir.

getElementById, innerHTML Örneği

  1. getElementById: Kimliği ayarlanmış öğelere ve özniteliklere erişmek için.
  2. innerHTML: Bir elemanın içeriğine erişmek için.

Bu Örneği kendiniz deneyin:

 DOM !!! 

Hoş geldiniz


Bu bir karşılama mesajıdır.



Teknoloji


Burası teknoloji bölümüdür.

Olay işleyici Örneği

  1. createElement: Yeni eleman oluşturmak için
  2. removeChild: Bir öğeyi kaldır
  3. Aşağıdaki gibi belirli bir öğeye bir olay işleyicisi ekleyebilirsiniz :
 document.getElementById(id).onclick=function(){lines of code to be executed}

VEYA

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

Bu Örneği kendiniz deneyin:

 DOM !!!