textContent

XML DOM textContent xususiyati


❮ Element obyekti

Misol

Quyidagi kod fragmenti "books.xml" faylini xmlDoc’ga yuklaydi va birinchi <title> elementidan matn tugunlarini oladi:

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];     document.getElementById("demo").innerHTML =     "Text Nodes: " + x.textContent; }

Yuqoridagi kodning natijasi quyidagicha bo‘ladi:

Text Nodes: Everyday Italian
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

textContent xususiyati tanlangan elementning matnini qaytaradi yoki o‘rnatadi.

Matnni qaytarishda bu xususiyat element tuguni ichidagi barcha matn tugunlarining qiymatini qaytaradi.

Matnni o‘rnatishda bu xususiyat barcha bola tugunlarni olib tashlaydi va ularni bitta matn tuguni bilan almashtiradi.

Eslatma: Bu xususiyat Internet Explorer 9 da ishlamaydi (undefined qaytaradi).

Sintaksis

Matnni qaytarish:

elementNode.textContent

Matnni o‘rnatish:

elementNode.textContent=string

Maslahatlar va eslatmalar

Maslahat: Tugunning matn qiymatini o‘rnatish va qaytarish uchun matn tugunining nodeValue xususiyatidan foydalanishingiz kerak.


2-misol

Quyidagi kod fragmenti "books.xml" faylini xmlDoc’ga yuklaydi, birinchi <book> elementidan matn tugunlarini oladi va barcha tugunlarni yangi matn tuguni bilan almashtiradi:

var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() {     if (xhttp.readyState == 4 && xhttp.status == 200) {         myFunction(xhttp);     } }; xhttp.open("GET", "books.xml", true); xhttp.send(); function myFunction(xml) {     var xmlDoc = xml.responseXML;     var x = xmlDoc.getElementsByTagName("book")[0];     document.getElementById("demo").innerHTML =     "Before: " + x.textContent + "<br>";     x.textContent = "hello";     document.getElementById("demo").innerHTML +=     "After: " + x.textContent; }

Yuqoridagi kodning natijasi quyidagicha bo‘ladi:

Before: Everyday Italian Giada De Laurentiis 2005 30.00 After: hello
O‘zingiz sinab ko‘ring »

❮ Element obyekti

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!