Merhaba bu yazımda önceden sizlere bahsetmiş olduğum Javascript ile DOM İşlemleri yazısının bir devam olarak Javascript DOM Fonksiyonlarından bahsedeceğim.

Javascript DOM ile bir HTML elementlerini bir obje olarak düşünüp hepsine erişmemizi ve onların üzerinde düzenlemeler yapmamızı sağlar.

HTML Elementlerini Bulma

document.getElementById(id);id ye göre element bulma
document.getElementsByTagName(name);etiket adına göre elementleri bulma
document.getElementsByClassName(name);class adına göre elementleri bulma

HTML Elementlerini Değiştirme

element.innerHTML = Yeni HTML İçeriğiElemente yeni bir içerik ekler
element.setAttribute(attribute,value)Elemente yeni bir özellik ekler
element.style.ozellikElementin stil özelliklerini değiştirir.

Element Ekleme ve Silme

document.createElement(element)Element Oluşturur
document.removeElement(element)Element Siler
document.appendChild(element)Elementi ekler
document.replaceChild(element)Elementin yerini değiştirir

Event Handler Ekleme

document.getElementById(id).onclick = function(){code}Onclick eventi özelliği ekler.

Bu yazımda Javascript DOM Fonksiyonlarından bahsettim. İleri ki yazım da Javascript DOM Element İşlemleri konusuna giriş yapacağım.