tutorial pengembangan web terbaru
 

HTML DOM textContent Propery

<Elemen Object

Contoh

Mendapatkan konten teks yang pertama <button> elemen dalam dokumen:

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

Hasil x akan:

Try it Yourself »
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The textContent set properti atau mengembalikan konten tekstual dari node yang ditentukan, dan semua keturunannya.

Jika Anda mengatur properti textContent, setiap node anak akan dihapus dan diganti dengan node Teks yang berisi string yang ditentukan.

Tip: Kadang-kadang properti ini dapat digunakan sebagai pengganti nodeValue properti, tapi ingat bahwa properti ini mengembalikan teks dari semua node anak juga.

Tip: Untuk mengatur atau kembali isi HTML dari elemen, gunakan innerHTML properti.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
textContent 1.0 9.0 iya nih iya nih iya nih

Sintaksis

Kembali isi teks dari sebuah node:

node .textContent

Mengatur isi teks dari sebuah node:

node .textContent= text

Nilai properti

Nilai Mengetik Deskripsi
teks Tali Menentukan isi teks dari node yang ditentukan

Rincian teknis

Kembali Nilai: Sebuah String, yang mewakili teks dari node dan semua keturunannya
DOM Versi Inti Level 3 Node Obyek

contoh

Contoh lebih

Contoh

Mengubah isi tekstual dari <p> elemen dengan id = "MYP":

document.getElementById("demo").textContent = "Paragraph changed!";
Cobalah sendiri "

Contoh

Dapatkan semua konten tekstual dari <ul> elemen dengan id = "myList":

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

Nilai x akan:

Coffee Tea
Cobalah sendiri "

Contoh

Contoh ini menunjukkan perbedaan antara textContent dan properti innerHTML:

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;
}
Cobalah sendiri "

<Elemen Object