Rumah >hujung hadapan web >tutorial js >innerText vs textContent: Bilakah Anda Harus Menggunakan Setiap?
textContent vs innerText: Mana Satu Untuk Digunakan?
innerTeks dan textContent ialah dua sifat yang biasa digunakan dalam JavaScript untuk mengakses kandungan teks unsur . Walaupun kedua-dua sifat berkongsi fungsi yang sama, terdapat perbezaan utama yang menentukan kes penggunaan yang sesuai untuk setiap satu.
innerText
innerText mengembalikan teks yang boleh dilihat yang terkandung dalam elemen HTML. Ia mengecualikan sebarang elemen atau elemen tersembunyi dengan gaya paparan ditetapkan kepada 'tiada'.
Contoh:
<p>Hello <span>
innerText akan mengembalikan 'Helo' untuk elemen ini.
Kandungan teks
Kandungan teks, pada Sebaliknya, mengembalikan kandungan teks penuh, tanpa mengira keterlihatan atau gaya paparan. Dalam contoh di atas, textContent akan mengembalikan 'Hello World'.
Perbezaan Utama:
Pertimbangan Penggunaan:
Untuk kes di mana anda ingin mengakses hanya teks yang boleh dilihat, innerText mungkin merupakan pilihan yang lebih cekap. Walau bagaimanapun, jika anda perlu mendapatkan keseluruhan kandungan teks, включая скрытый контент, textContent ialah sifat pilihan.
Dalam contoh yang disediakan:
var logo$ = document.getElementsByClassName('logo')[0]; logo$.textContent = "Example";
Anda boleh menggunakan textContent untuk mengemas kini teks kandungan elemen logo. Ia akan menggantikan mana-mana teks sedia ada dengan "Contoh".
Atas ialah kandungan terperinci innerText vs textContent: Bilakah Anda Harus Menggunakan Setiap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!