DOM qiymatlarini olish
nodeValue xususiyati tugunning matn qiymatini olish uchun ishlatiladi.
getAttribute() metodi atribut qiymatini qaytaradi.
Element qiymatini olish
DOM’da hamma narsa tugundir. Element tugunlarining matn qiymati yo‘q.
Element tugunining matn qiymati bola tugunda saqlanadi. Bu tugun matn tuguni deb ataladi.
Elementning matn qiymatini olish uchun element matn tugunining qiymatini olishingiz kerak.
getElementsByTagName metodi
getElementsByTagName() metodi ko‘rsatilgan teg nomiga ega barcha elementlarning tugunlar ro‘yxatini ular manba hujjatda qanday tartibda kelgan bo‘lsa, shu tartibda qaytaradi.
Faraz qilaylik, books.xml xmlDoc’ga yuklangan.
Bu kod birinchi <title> elementini oladi:
var x = xmlDoc.getElementsByTagName("title")[0];
ChildNodes xususiyati
childNodes xususiyati elementning bola tugunlari ro‘yxatini qaytaradi.
Quyidagi kod birinchi <title> elementining matn tugunini oladi:
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];nodeValue xususiyati
nodeValue xususiyati matn tugunining matn qiymatini qaytaradi.
Quyidagi kod birinchi <title> elementi matn tugunining matn qiymatini oladi:
Misol
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;
z dagi natija: "Everyday Italian"
To‘liq misol
Misol
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName('title')[0];
var y = x.childNodes[0];
document.getElementById("demo").innerHTML = y.nodeValue;
}
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
Barcha <title> elementlarini aylanib chiqish: O‘zingiz sinab ko‘ring »
Atribut qiymatini olish
DOM’da atributlar tugunlardir. Element tugunlaridan farqli ravishda, atribut tugunlarining matn qiymatlari bor.
Atribut qiymatini olish uchun uning matn qiymatini olish kerak.
Buni getAttribute() metodi yoki getAttributeNode() metodining nodeValue xususiyati yordamida amalga oshirish mumkin.
getAttribute() yordamida qiymat olish
getAttribute() metodi atribut qiymatini qaytaradi.
Quyidagi kod birinchi <title> elementining "lang" atributi matn qiymatini oladi:
Misol
const title = xmlDoc.getElementsByTagName("title")[0];
let txt = title.getAttribute("lang");
O‘zingiz sinab ko‘ring »
Barcha <book> elementlarini aylanib chiqish va ularning "category" atributlarini olish:
Misol
const book = xmlDoc.getElementsByTagName("book");
for (let i = 0; i < book.length; i++) {
txt += x[i].getAttributeNode("category").nodeValue + "<br>";
}
O‘zingiz sinab ko‘ring »
Qiymat olish - getAttributeNode() yordamida
getAttributeNode() metodi atribut tugunini qaytaradi.
Quyidagi kod birinchi <title> elementining "lang" atributi matn qiymatini oladi:
Misol
const title = xmlDoc.getElementsByTagName("title")[0];
const lang = title.getAttributeNode("lang");
let txt = lang.nodeValue;
O‘zingiz sinab ko‘ring »
Barcha <book> elementlarini aylanib chiqish va ularning "category" atributlarini olish:
Misol
const book = xmlDoc.getElementsByTagName("book");
for (let i = 0; i < book.length; i++) {
txt += x[i].getAttributeNode("category").nodeValue + "<br>";
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!