Bajardi: 316-21 guruh talabalari Tekshirdi: Joraboyev Foziljon

Yuqoridagi misolda getElementById bu usul , innerHTML esa xususiyatdir .

getElementById usuli

• id HTML elementiga kirishning eng keng tarqalgan usuli bu elementdan foydalanishdir .
• Yuqoridagi misolda elementni topish uchun getElementById usuli qo'llaniladi . id="demo"

innerHTML xususiyati

• Element mazmunini olishning eng oson yo'li innerHTML xususiyatidan foydalanishdir .
• InnerHTML xususiyati HTML elementlarining mazmunini olish yoki almashtirish uchun foydalidir.

HTML DOM hujjat ob'ekti

• Hujjat obyekti veb-sahifangizni ifodalaydi.
• Agar siz HTML-sahifadagi istalgan elementga kirishni istasangiz, siz doimo hujjat obyektiga kirishdan boshlaysiz.
• Quyida HTML-ga kirish va uni boshqarish uchun hujjat ob'ektidan qanday foydalanish mumkinligi haqidagi ba'zi misollar keltirilgan

HTML elementlarini topish

• document.getElementById(id) – Elementni id bo‘yicha qidirish
• document.getElementsByTagName(name) – Elementni tag nomi bo‘yicha qidirish
• document.getElementsByClassName(name) – Elementni class nomi bo‘yicha qidirish

HTML elementlarini o'zgartirish

• element.innerHTML = new html content – Elementning ichki HTML-ni o'zgartirish
• element.attribute = new value – Elementning attribute qiymatini o'zgartirish
• element.style.property = new style – HTML elementining uslubini o'zgartirsh

Elementlarni qo'shish va o'chirish

document.createElement(element) –

HTML element yaratish

document.removeChild(element) –

HTML elementini olib tashlash

document.appendChild(element) –

HTML element qo'shish

document.replaceChild(new, old) –

HTML elementini almashtirish

document.write(text) – HTML chiqish oqimiga yozish

document.getElementById(id).onclick = function(){code} – Onclick hodisasiga voqea ishlov beruvchisi kodini qo'shish