Atribut textContent DOM Element HTML

Definisi dan penggunaan

textContent Atribut mengatur atau mengembalikan kandungan teks node yang ditentukan, serta semua turunannya.

Jika Anda mengatur textContent Atribut, akan menghapus semua anak dan digantikan dengan satu node teks yang mengandung string yang diberikan.

Petunjuk:Kadang-kadang, atribut ini dapat digunakan untuk menggantikan atribut nodeValue, tetapi ingat bahwa atribut ini akan mengembalikan teks semua anak.

Lihat juga:

Atribut innerText

Atribut innerHTML

Contoh

Contoh 1

Kembalikan kandungan teks elemen:

let teks = element.textContent;

亲自试一试

Contoh 2

Ubah kandungan teks elemen <p> dengan id="demo":

element.textContent = "Saya telah berubah!";

亲自试一试

Contoh 3

Mendapatkan kandungan teks semua elemen <ul> dengan id="myList":

let teks = document.getElementById("myList").textContent;

亲自试一试

语法

返回节点的文本内容：

element.textContent

或

node.textContent

设置节点的文本内容：

element.textContent = text
node.textContent = text

属性值

值 描述
text 元素或节点的文本内容。

返回值

类型 描述
字符串

元素及其所有后代的文本内容。

如果元素是 document、document type 或 notation，则返回 null。

innerHTML、innerText 与 textContent 的区别

innerText 属性返回：

只返回元素及其所有子元素的文本内容，没有 CSS 隐藏文本间距和标签，除了 <script> 和 <style> 元素。

innerHTML 属性返回：

元素的文本内容，包括所有空白和内部 HTML 标签。

textContent 属性返回：

元素和所有后代的文本内容，带有空白和 CSS 隐藏文本，但没有标签。

HTML 实例

<p id="myP">   This element has extra spacing     and contains <span>a span element</span>.</p>

Contoh JavaScript

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

亲自试一试

在上面的例子中：

innerText 属性返回：

This element has extra spacing and contains a span element.

innerHTML 属性返回：

   This element has extra spacing    and contains <span>a span element</span>.

textContent 属性返回：

   This element has extra spacing    and contains a span element.

浏览器支持

element.textContent 是 DOM Level 3 (2004) 特性。

所有浏览器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan