例
得到的第一个的文本内容<button>在文档中的元素：
var x =
document.getElementsByTagName("BUTTON")[0].textContent;x的结果将是：
Try it Yourself »
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
该的textContent属性设置或返回指定节点的文本内容，它的所有后代 。
如果您设置的textContent属性，子节点将被删除并包含指定字符串的单个Text节点替换。
提示：有时这个属性可以用来代替的nodeValue属性，但要记住，这个属性返回所有子节点的文字以及。
提示：要设置或返回元素的HTML内容，请使用innerHTML的属性。
浏览器支持
在表中的数字规定，完全支持该财产浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| textContent | 1.0 | 9 | 是 | 是 | 是 |
句法
返回一个节点的文本内容：
node .textContent设置一个节点的文本内容：
node .textContent= text 属性值
| 值 | 类型 | 描述 |
|---|---|---|
| 文本 | 串 | 规定指定节点的文本内容 |
技术细节
| 返回值： | 一个String，表示节点的文本及其所有后代 |
|---|---|
| DOM版本 | 核心3级节点对象 |
更多示例
例
得到的所有文本内容<ul>使用id =“myList中”元件：
var x = document.getElementById("myList").textContent;x的值将是：
Coffee Tea 试一试» 例
这一实例说明的textContent和innerHTML属性之间的差异：
function getText() {
var x =
document.getElementById("myList").textContent;
document.getElementById("demo").innerHTML = x;
}
function
getHTML() {
var x =
document.getElementById("myList").innerHTML;
document.getElementById("demo").innerHTML = x;
} 试一试»