HTML DOM Element innerText özniteliği

Tanım ve Kullanım

innerText öznitelik ayarlamak veya bir öğenin metin içeriğini döndürmek için kullanılır.

Not:Ayarla innerText öznitelik olduğunda, tüm alt düğümpler silinecek ve yalnızca bir yeni metin düğümü ile değiştirilecektir。

Ayrıca bakınız：

textContent özelliği

innerHTML özelliği

Örnek

Elementin iç metnini almak için：

let text = element.innerText;

Kişisel olarak deneyin

Sözdizimi

Element veya节点的文本内容返回：

element.innerText

veya

node.innerText

Element veya节点的文本内容设置：

element.innerText = text

veya

node.innerText = text

Özellik Değeri

Değer Açıklama
text Elementin metin içeriği.

Dönüş Değeri

Tür Açıklama
String Elementin ve tüm soy elementlerinin metin içeriği, <script> ve <style> elementleri dışında.

innerHTML, innerText ve textContent arasındaki fark

innerText özelliği döndürür：

Sadece elementin ve tüm soy elementlerinin metin içeriği döndürülür, CSS gizli metin boşlukları ve etiketler yoktur, <script> ve <style> elementleri dışında.

innerHTML özelliği döndürür：

Elementin metin içeriği, tüm boşluklar ve iç HTML etiketleri içerir.

textContent özelliği döndürür：

Elementin ve tüm soy elementlerinin metin içeriği, boşluklar ve CSS gizli metin içerir, ancak etiketler yoktur.

HTML Örneği

<p id="myP">   Bu element ekstra boşluk içerir ve <span>bir span elementi</span>.</p>

JavaScript Örneği

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

Kişisel olarak deneyin

Yukarıdaki örnekte:

innerText özelliği döndürür：

Bu element ekstra boşluk içerir ve bir span elementi içerir.

innerHTML özelliği döndürür：

   Bu element ekstra boşluk içerir ve <span>bir span elementi</span> içerir.

textContent özelliği döndürür：

   Bu element ekstra boşluk içerir ve bir span elementi içerir.

浏览器支持

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

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