Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

JS HTML DOM

ULASHISH

HTML hujjat obyekt modeli

HTML DOM (HTML Document Object Model) HTML hujjatlari uchun Object modelidir.

DOM HTML tree

HTML DOM - bu HTML sahifasini ifodalovchi tugunlar daraxti.

DOM daraxti

Veb-sahifa yuklanganda, brauzer HTML hujjatining daraxtga o‘xshash tasvirini yaratadi.

Hujjatning har bir qismi daraxtdagi tugunlardir:

Node Tavsif
hujjat Hujjatdagi barcha tugunlarning egasi
<html> Element Node
<head> Element Node
<body> Element Node
<a> Element Node
href Attribute Node
<h1> Element Node
Mening sarlavham Text Node

HTML elementlariga kirish

HTML DOM-dan HTML elementlariga kirish uchun foydalanish mumkin.

HTML elementiga kirishning eng keng tarqalgan usuli element identifikatoridan foydalanishdir:

Misol

<html>
<body>

<p id="demo"></p>

<script>
// Access a paragraph Element
const myPara = document.getElementById("demo");

// Change the content of the Element
myPara.innerHTML = "Hello World!";
</script>

</body>
</html>
O‘zingiz sinab ko‘ring »

Yuqoridagi misolda getElementById ni topish uchun id="demo" usuli ishlatilgan element.

  • id="demo" — HTML xususiyati
  • getElementById() — DOM metodi
  • innerHTML — DOM xususiyati

Siz nimani o‘rganasiz

Ushbu qo‘llanmaning keyingi boblarida siz quyidagilarni bilib olasiz:

  • HTML elementlarining mazmunini qanday o‘zgartirish mumkin
  • HTML elementlarining stilini (CSS) o‘zgartirish usuli
  • HTML elementlarini qanday qo‘shish va o‘chirish
  • HTML elementlaridan voqealarga qanday munosabatda bo‘lish kerak

World Wide Web Consortium

DOM — W3C standarti (World Wide Web Consortium):

"W3C Hujjat Object Modeli (DOM) — bu dasturlar va skriptlarga hujjatning mazmuni, tuzilishi va stiliga dinamik tarzda murojaat qilish va yangilash imkonini beruvchi platformadan mustaqil interfeysdir."

W3C DOM standarti 3 xil qismga bo‘linadi:

  • Core DOM — barcha hujjat turlari uchun standart model
  • XML DOM — XML hujjatlari uchun standart model
  • HTML DOM — HTML hujjatlari uchun standart model
HTML DOM W3C va WHATWG tomonidan ishlab chiqilgan tildan mustaqil standartdir.
‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish