HTML DOM Element innerText 属性

定义和用法

innerText 属性设置或返回元素的文本内容。

注释：设置 innerText 属性时，所有子节点都将被删除并仅由一个新文本节点替换。

另请参阅：

textContent 属性

Property innerHTML

Contoh

Ambil teks internal elemen:

let text = element.innerText;

Cuba sendiri

Syntax

Return teks elemen atau node:

element.innerText

atau

node.innerText

Set teks elemen atau node:

element.innerText = text

atau

node.innerText = text

Attribute Value

Value Description
text Teks elemen.

Return Value

Type Description
String Konten teks elemen dan semua turunannya, kecuali elemen <script> dan <style>.

Perbezaan antara innerHTML, innerText dan textContent

Property innerText mengembalikan：

Hanya mengembalikan konten teks elemen dan semua turunannya, tanpa ruang teks tersembunyi dan tanda penggal, kecuali elemen <script> dan <style>.

Property innerHTML mengembalikan：

Konten teks elemen, termasuk semua ruang dan tanda penggal HTML internal.

Property textContent mengembalikan：

Konten teks elemen dan semua turunannya, termasuk ruang dan teks tersembunyi CSS, tetapi tanpa tanda penggal.

Contoh HTML

<p id="myP">   Ini elemen mempunyai ruang ekstra     dan mengandungi <span>elemen span</span>.</p>

Contoh JavaScript

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

Cuba sendiri

Dalam contoh di atas：

Property innerText mengembalikan：

Ini elemen mempunyai ruang ekstra dan mengandungi elemen span.

Property innerHTML mengembalikan：

   Ini elemen mempunyai ruang ekstra dan mengandungi <span>elemen span</span>.

Property textContent mengembalikan：

   Ini elemen mempunyai ruang ekstra dan mengandungi elemen span.

浏览器支持

所有浏览器都支持 element.innerText：

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