HTML DOM innerText Özelliği
Örnek
Bir öğenin iç metnini alın:
var x =
document.getElementById("myBtn").innerText;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
innerText özelliği, belirtilen düğümün ve tüm alt öğelerinin metin içeriğini ayarlar veya döndürür .
innerText özelliğini ayarlarsanız , tüm alt düğümler kaldırılır ve belirtilen dizeyi içeren tek bir Metin düğümü ile değiştirilir.
Not: Bu özellik, textContent özelliğine benzer, ancak bazı farklılıklar vardır:
- textContent tüm öğelerin metin içeriğini döndürürken innerText , <script> ve <style> öğeleri dışında tüm öğelerin içeriğini döndürür.
- innerText, CSS ile gizlenmiş öğelerin metnini döndürmez (textContent olacaktır).
İpucu: Bir öğenin HTML içeriğini ayarlamak veya döndürmek için innerHTML özelliğini kullanın.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
innerText | 4.0 | 10.0 | 45.0 | 3.0 | 9.6 |
Sözdizimi
Bir düğümün metin içeriğini döndür:
node.innerText
Bir düğümün metin içeriğini ayarlayın:
node.innerText = text
Mülk değerleri
Value | Type | Description |
---|---|---|
text | String | Specifies the text content of the specified node |
Teknik detaylar
Geri dönüş değeri: | Bir düğümün ve tüm alt öğelerinin "işlenmiş" metin içeriğini temsil eden bir Dize |
---|
Daha fazla örnek
Örnek
Bu örnek innerText, innerHTML ve textContent arasındaki bazı farklılıkları gösterir:
<p id="demo"> This element has extra spacing and contains <span>a span
element</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML()
{
alert(document.getElementById("demo").innerHTML)
}
function
getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
Belirtilen özelliklerle yukarıdaki <p> öğesinin içeriğini alın:
innerText şunu döndürür: "Bu öğede fazladan boşluk var ve bir yayılma öğesi içeriyor."
innerHTML şunu döndürür: " Bu öğede fazladan boşluk var ve <span>bir yayılma öğesi</span> içeriyor."
textContent şunu döndürür: " Bu öğede fazladan boşluk var ve bir yayılma öğesi içeriyor."
innerText özelliği, boşluk ve iç eleman etiketleri olmadan yalnızca metni döndürür.
innerHTML özelliği, tüm boşluk ve iç öğe etiketleri dahil olmak üzere metni döndürür.
textContent özelliği, metni boşluklu, ancak iç öğe etiketleri olmadan döndürür.