例
得到的第一個的文本內容<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;
} 試一試»