Definition and Usage
定义和用法

The textContent property returns or sets the text from the selected element.
textContent 属性的作用是：返回或设置已选元素的文本。

On returning text, this property returns the value of all text nodes within the element node.
在返回文本中，该属性返回了元素节点中文本节点的值。

On setting text, this property removes all child nodes and replaces them with a single text node.
在设置文本中，该属性删除了所有子节点并用单独的文本节点替换它们。

Syntax
语法

Return text:
返回文本：

elementNode.textContent

Set text:
设置文本：

elementNode.textContent=string

Tips and Notes
提示

Tip: For returning the text from text nodes for IE browsers, use the text property.
提示：如果需要在IE中返回文本节点的文本，可以使用“text属性”。

In all examples, we will use the XML file books.xml, and the JavaScript function loadXMLDoc().
在所有案例中，我们将使用“books.xml”文件以及JavaScript 函数“loadXMLDoc()”。

Example 1
案例1

The following code fragment gets text nodes from the first <title> element in "books.xml":
下面的代码将片断将获取“books.xml”文件的第一个<title>元素的文本节点：

xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("title")[0];
document.write("Text Nodes: ");
document.write(x.textContent);

The output of the code above will be:
上述代码将输出下面的结果：

Text Nodes: Everyday Italian

Example 2
案例2

The following code fragment gets text nodes from the first <book> element in "books.xml", and then replaces all nodes with a new text node:
下面的代码片断将获取“books.xml”文件中第一个<book>元素中的文本节点，然后用一个新的文本节点替换它们：

xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("book")[0];
document.write("Before: ");
document.write(x.textContent);
document.write("<br />");
x.textContent="hello";
document.write("After: ");
document.write(x.textContent);

The output of the code above will be:
上述代码将输出下面的结果：

Before: Everyday Italian Giada De Laurentiis 2005 30.00
After: hello

Try-It-Yourself Demos
自我演示

textContent - Get the text nodes from an element
textContent - 获取元素中的文本节点

textContent - Get the text nodes from an element and replace them
textContent - 获取元素中的文本节点并替换它们

评论 (0) All