DOM Manipulyasiyası
Sənəd Obyekt Modeli (Document Object Model – DOM), HTML və XML sənədləri üçün yaradılmış proqramlaşdırma interfeysidir. DOM, veb səhifənin strukturunu, məzmununu və üslubunu dinamik olaraq dəyişdirməyə imkan verir.
JavaScript vasitəsilə DOM manipulyasiyası ilə veb səhifədə aşağıdakı dəyişiklikləri etmək mümkündür:
✅ HTML elementlərini seçmək və idarə etmək – <div>, <p>, <h1> kimi elementlər üzərində dəyişikliklər etmək mümkündür.
✅ ID və Class əsaslı manipulyasiya – document.getElementById() və document.querySelector() ilə elementlərə dəyişikliklər tətbiq etmək.
✅ Məzmunun dinamik olaraq dəyişdirilməsi – innerHTML və textContent istifadə edərək səhifədəki məzmunu yeniləmək.
✅ Səhifəyə yeni elementlər əlavə etmək və ya silmək – createElement(), appendChild(), removeChild().
✅ CSS üslublarını dəyişmək – style obyektindən istifadə edərək bir elementin görünüşünü dəyişmək.
✅ Atributları idarə etmək – setAttribute(), getAttribute() və removeAttribute() ilə HTML atributlarını dəyişdirmək.
Pulsuz digər resurslar:
Məqalə: HTML DOM-u Tapşırıqlarla Öyrənin – CodeGuage
Video: DOM, Shadow DOM və Virtual DOM nədir?
Video: JavaScript DOM Sürətli Kursu
Xəbər Lentinə Baxın: DOM haqqında ən yaxşı paylaşımları kəşf edin
Növbəti mövzular:
Açar Sözlər: DOM nədir?, JavaScript ilə DOM manipulyasiyası, HTML elementlərinin idarə edilməsi, JavaScript və DOM qarşılıqlı əlaqəsi, DOM manipulyasiyası və veb inkişaf, JavaScript ilə dinamik məzmun dəyişdirmək, DOM elementlərini seçmək və dəyişdirmək, SEO üçün JavaScript optimizasiyası, Google indekslənməsi və DOM yeniləmələri, DOM ilə CSS və HTML dəyişiklikləri, DOM və hadisə dinləyiciləri (event listeners), JavaScript ilə DOM-un sürətli idarə edilməsi, DOM ilə veb səhifə performansını artırmaq, DOM ağac strukturu və manipulyasiya metodları, JavaScript və veb səhifənin dinamikliyi
Bir cavab yazın