En son web geliştirme öğreticiler
 

HTML DOM textContent Propery

<Eleman Nesne

Örnek

İlk metin içeriği alın <button> belgedeki elemanı:

var x = document.getElementsByTagName("BUTTON")[0].textContent;

X'in sonucu olacaktır:

Try it Yourself »
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

TextContent mülkiyet setleri veya belirtilen düğümün metinsel içeriği döndürür ve tüm torunları.

Eğer textContent özelliğini ayarlarsanız, herhangi bir çocuk düğümleri çıkarıldı ve belirtilen dizeyi içeren tek metin düğümü ile değiştirilir.

İpucu: Bazen bu özellik yerine kullanılabilecek nodeValue özelliği, ancak bu özellik de tüm alt düğümlerin metnini döndüren unutmayın.

İpucu: ayarlamak veya bir öğenin HTML içeriği dönmek için kullanın innerHTML özelliğini.

Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

özellik
textContent 1.0 9.0 Evet Evet Evet

Sözdizimi

Bir düğümün metin içeriğini döndürür:

node .textContent

Bir düğümün metin içeriğini ayarlayın:

node .textContent= text

Mülkiyet Değerler

değer tip Açıklama
Metin sicim Belirtilen düğümün metin içeriğini belirler

Teknik detaylar

Geri dönüş değeri: düğümün metin ve tüm kökenini temsil eden bir String,
DOM Sürüm Çekirdek Seviye 3 Düğüm Nesne
Örnekler

Diğer Örnekler

Örnek

Bir metinsel içeriği değiştirme <p> id = "MYP" ile eleman:

document.getElementById("demo").textContent = "Paragraph changed!";
Kendin dene "

Örnek

Bir bütün metinsel içerik elde <ul> id = "mylist" ile eleman:

var x = document.getElementById("myList").textContent;

X değeri olacaktır:

Coffee Tea
Kendin dene "

Örnek

Bu örnek textContent ve innerHTML özelliği arasındaki farklar gösterir:

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;
}
Kendin dene "

<Eleman Nesne