💡 DOM nədir və JavaScript-də DOM-dan necə istifadə etmək
olar ?
Document Object Model (DOM) HTML və XML sənədləri üçün nəzərdə tutulmuş proqramlaşdırma interfeysidir. Sənədlərin və ya websaytın quruluşunu, tərzini, məzmununu dəyişdirmək, dinamikləşdirmək üçün istifadə olunur. Beləliklə, proqramlaşdırma dilləri səhifələrə əlavə olunur. Bu o demək deyil ki, DOM proqramlaşdırma dilidir, DOM standart bir modeldir və bu modeldən istifadə edərək HTML və ya XML sənədləri, və ya, bu sənədlərdə işlədilən elementləri (h1, a, table, form və s.) dəyişə, idarə edə bilirik.
JavaScript`in HTML sənədinə qoşulmasından danışanda, JavaScript`də HTML elementlərinə uyğun obyekt yaratmağı nəzərdə tuturuq. Necə ki, HTML`də hər hansı element class, id və ya elementin adına əsasən seçilir, CSS`də bu elementin xarakteristikaları dəyişdirilirdi. Eyni ilə, JavaScript`də də müxtəlif seçim üsulları vardır.
@TechCodeAz | #javascript
olar ?
Document Object Model (DOM) HTML və XML sənədləri üçün nəzərdə tutulmuş proqramlaşdırma interfeysidir. Sənədlərin və ya websaytın quruluşunu, tərzini, məzmununu dəyişdirmək, dinamikləşdirmək üçün istifadə olunur. Beləliklə, proqramlaşdırma dilləri səhifələrə əlavə olunur. Bu o demək deyil ki, DOM proqramlaşdırma dilidir, DOM standart bir modeldir və bu modeldən istifadə edərək HTML və ya XML sənədləri, və ya, bu sənədlərdə işlədilən elementləri (h1, a, table, form və s.) dəyişə, idarə edə bilirik.
JavaScript`in HTML sənədinə qoşulmasından danışanda, JavaScript`də HTML elementlərinə uyğun obyekt yaratmağı nəzərdə tuturuq. Necə ki, HTML`də hər hansı element class, id və ya elementin adına əsasən seçilir, CSS`də bu elementin xarakteristikaları dəyişdirilirdi. Eyni ilə, JavaScript`də də müxtəlif seçim üsulları vardır.
@TechCodeAz | #javascript
👍7❤2
Nədir axı bu JSON ?(What is JSON?)
JSON (JavaScript Object Notation) dataları (çox böyük olmayan) depolamaq və dəyişdirmək üçün istifadə olunan JavaScript obyekt məntiqinə əsaslanan mətn əsaslı formatdır. Məsələn, JSON-dan istifadə edərək serverdən alınan JSON-ları JavaScript obyektinə çevirə bilərsiniz və ya hər hansısa bir JavaScript obyektini JSON-a çevirib serverə göndərə bilərsiniz. Fayl genişləməsi ".json"-dur. JSON-da verilənlər açar (key) və dəyərlərdən (value) ibarət olur.
NĂĽmunÉ™:
{ "ad": "Vüsalə", "soyad": "İsbəndiyarova" }
@TechCode #javascript
JSON (JavaScript Object Notation) dataları (çox böyük olmayan) depolamaq və dəyişdirmək üçün istifadə olunan JavaScript obyekt məntiqinə əsaslanan mətn əsaslı formatdır. Məsələn, JSON-dan istifadə edərək serverdən alınan JSON-ları JavaScript obyektinə çevirə bilərsiniz və ya hər hansısa bir JavaScript obyektini JSON-a çevirib serverə göndərə bilərsiniz. Fayl genişləməsi ".json"-dur. JSON-da verilənlər açar (key) və dəyərlərdən (value) ibarət olur.
NĂĽmunÉ™:
{ "ad": "Vüsalə", "soyad": "İsbəndiyarova" }
@TechCode #javascript
👍8
💡 JavaScript’də Elementlərin manipulasiyası
HTML sənədində yazdığımız elementləri seçməyi, obyektlərə mənimsətməyi öyrəndik, indi isə onları idarə etməkdən danışaq.
createElement() — boş element yaradır;
innerHTML — elementə məlumat əlavə edir;
appendChild() — elementi tələb olunan elementin daxilinə əlavə edir;
removeChild() — elementi HTML sənədindən silmək üçün istifadə olunur.
Qeyd: Bunları oxuyub keçməyin, not dəftərinizə yazın. Örgənin 💎
@TechCodeAz | #javascript
HTML sənədində yazdığımız elementləri seçməyi, obyektlərə mənimsətməyi öyrəndik, indi isə onları idarə etməkdən danışaq.
createElement() — boş element yaradır;
innerHTML — elementə məlumat əlavə edir;
appendChild() — elementi tələb olunan elementin daxilinə əlavə edir;
removeChild() — elementi HTML sənədindən silmək üçün istifadə olunur.
Qeyd: Bunları oxuyub keçməyin, not dəftərinizə yazın. Örgənin 💎
@TechCodeAz | #javascript
❤8👍1