DOM tugunlarini o‘chirish


removeChild() metodi ko‘rsatilgan tugunni o‘chiradi.

removeAttribute() metodi ko‘rsatilgan atributni o‘chiradi.


ULASHISH

Element tugunini o‘chirish

removeChild() metodi ko‘rsatilgan tugunni o‘chiradi.

Tugun o‘chirilganda uning barcha bola tugunlari ham o‘chiriladi.

Bu kod yuklangan xml’dan birinchi <book> elementini o‘chiradi:

Misol

y = xmlDoc.getElementsByTagName("book")[0]; xmlDoc.documentElement.removeChild(y);
O‘zingiz sinab ko‘ring »

Misol tushuntirilishi:

  1. Faraz qilaylik, books.xml xmlDoc’ga yuklangan
  2. y o‘zgaruvchisiga o‘chiriladigan element tugunini o‘zlashtiring
  3. Ota tugundan removeChild() metodi yordamida element tugunini o‘chiring


O‘zini o‘chirish - joriy tugunni o‘chirish

removeChild() metodi ko‘rsatilgan tugunni o‘chirishning yagona usuli.

O‘chirmoqchi bo‘lgan tugunga o‘tganingizdan so‘ng, uni parentNode xususiyati va removeChild() metodi yordamida o‘chirish mumkin:

Misol

x = xmlDoc.getElementsByTagName("book")[0]; x.parentNode.removeChild(x);
O‘zingiz sinab ko‘ring »

Misol tushuntirilishi:

  1. Faraz qilaylik, books.xml xmlDoc’ga yuklangan
  2. y o‘zgaruvchisiga o‘chiriladigan element tugunini o‘zlashtiring
  3. parentNode xususiyati va removeChild() metodi yordamida element tugunini o‘chiring

Matn tugunini o‘chirish

removeChild() metodidan matn tugunini o‘chirish uchun ham foydalanish mumkin:

Misol

x = xmlDoc.getElementsByTagName("title")[0]; y = x.childNodes[0]; x.removeChild(y);
O‘zingiz sinab ko‘ring »

Misol tushuntirilishi:

  1. Faraz qilaylik, books.xml xmlDoc’ga yuklangan
  2. x o‘zgaruvchisiga birinchi title element tugunini o‘zlashtiring
  3. y o‘zgaruvchisiga o‘chiriladigan matn tugunini o‘zlashtiring
  4. Ota tugundan removeChild() metodi yordamida element tugunini o‘chiring

Tugundan faqat matnni olib tashlash uchun removeChild() metodidan foydalanish unchalik keng tarqalmagan. Buning o‘rniga nodeValue xususiyatidan foydalanish mumkin. Keyingi paragrafga qarang.


Matn tugunini tozalash

nodeValue xususiyatidan matn tugunining qiymatini o‘zgartirish uchun foydalanish mumkin:

Misol

xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue = "";
O‘zingiz sinab ko‘ring »

Misol tushuntirilishi:

  1. Faraz qilaylik, books.xml xmlDoc’ga yuklangan
  2. Birinchi title elementining birinchi bola tugunini oling.
  3. Matn tugunidagi matnni tozalash uchun nodeValue xususiyatidan foydalaning

Atribut tugunini nomi bo‘yicha o‘chirish

removeAttribute() metodi atribut tugunini nomi bo‘yicha o‘chiradi.

Misol: removeAttribute('category')

Bu kod birinchi <book> elementidagi "category" atributini o‘chiradi:

Misol

x = xmlDoc.getElementsByTagName("book"); x[0].removeAttribute("category");
O‘zingiz sinab ko‘ring »

Misol tushuntirilishi:

  1. Faraz qilaylik, books.xml xmlDoc’ga yuklangan
  2. book tugunlarini olish uchun getElementsByTagName() dan foydalaning
  3. Birinchi book element tugunidan "category" atributini o‘chiring

Barcha <book> elementlarining "category" atributini aylanib chiqib o‘chirish: O‘zingiz sinab ko‘ring »


Atribut tugunlarini obyekt bo‘yicha o‘chirish

removeAttributeNode() metodi tugun obyektini parametr sifatida qabul qilib, atribut tugunini o‘chiradi.

Misol: removeAttributeNode(x)

Bu kod barcha <book> elementlarining barcha atributlarini o‘chiradi:

Misol

x = xmlDoc.getElementsByTagName("book"); for (i = 0; i < x.length; i++) {     while (x[i].attributes.length > 0) {         attnode = x[i].attributes[0];         old_att = x[i].removeAttributeNode(attnode);     } }
O‘zingiz sinab ko‘ring »

Misol tushuntirilishi:

  1. Faraz qilaylik, books.xml xmlDoc’ga yuklangan
  2. Barcha book tugunlarini olish uchun getElementsByTagName() dan foydalaning
  3. Har bir book elementida atributlar bor-yo‘qligini tekshiring
  4. book elementida atributlar bor ekan, atributni o‘chiring

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!