Thuộc tính textContent của XML DOM

Định nghĩa và cách sử dụng

textContent Thuộc tính trả về hoặc đặt văn bản của phần tử được chọn.

Khi trả về văn bản, thuộc tính này trả về giá trị của tất cả các phần tử văn bản trong phần tử phần tử.

Khi đặt văn bản, thuộc tính này sẽ xóa tất cả các phần tử con và thay thế chúng bằng một phần tử văn bản duy nhất.

Chú ý:Thuộc tính này không hoạt động trên Internet Explorer 9 (trả về undefined).

Lưu ý:Nếu muốn đặt và trả về giá trị văn bản của phần tử, hãy sử dụng thuộc tính nodeValue của phần tử văn bản.

Cú pháp

Trả về văn bản:

elementNode.textContent

Đặt văn bản:

elementNode.textContent=string

Mô hình

Ví dụ 1

Dưới đây là mã sẽ tải "books.xml" vào xmlDoc và lấy văn bản từ phần tử <title> đầu tiên:

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;
}

Thử nghiệm trực tiếp

Ví dụ 2

Dưới đây là mã sẽ tải "books.xml" vào xmlDoc và lấy văn bản từ phần tử <book> đầu tiên, sau đó thay thế tất cả các phần tử bằng văn bản mới:

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 =
    "Trước: " + x.textContent + "<br>";
    x.textContent = "hello";
    document.getElementById("demo").innerHTML +=
    "Sau: " + x.textContent;
}

Thử nghiệm trực tiếp