jQuery set innertext (), innerHtml (), textContent ()

mata teras

JQuery yang digabungkan dengan JavaScript boleh mengubahsuai kandungan teks elemen HTML untuk memasukkan teks baru, imej, kod, dll. Artikel ini memberi tumpuan kepada tiga fungsi jQuery:
• , innerText() dan innerHTML(). textContent()
• Fungsi membaca dan menulis teks antara label permulaan elemen dan label akhir, termasuk pemecahan garis; innerText() Fungsi innerHTML() textContent() mempunyai masalah baru: ia tidak memaparkan garis baru antara dua perenggan seperti fungsi
. Fungsi ini disokong oleh Firefox, Chrome, dan Opera, tetapi tidak menyokong Internet Explorer.
• textContent() Walaupun innerText() dan
digunakan untuk memanipulasi kandungan elemen HTML, mereka bekerja secara berbeza dalam jQuery.
• Dapatkan atau tetapkan kandungan HTML elemen, menghuraikan rentetan HTML dan menjadikannya sebagai HTML; innerText innerHTML innerHTML JQuery boleh digunakan bersempena dengan JavaScript untuk mengubah suai kandungan teks elemen HTML dan menetapkannya untuk mengandungi kandungan baru, seperti teks, imej, kod, atau apa sahaja yang anda mahukan. Kami akan memperkenalkan fungsi JavaScript berikut secara terperinci dan menunjukkan cara menggunakannya, masa dan senario yang berkenaan. Artikel ini meliputi fungsi jQuery berikut: innerText,
dan

.

innerText() innerHTML() function textContent() fungsi

innerText() tatabahasa:

Fungsi: document.elementID.innerText = value JavaScript membaca dan menulis atribut, menyatakan teks antara label permulaan elemen dan label akhir.

tingkah laku: Termasuk rehat garis.

Keserasian penyemak imbas:

berfungsi dengan betul dalam semua pelayar yang kami uji.

Contoh Asas: innerText()

JavaScript fungsi

<p>段落内文本</p>

tatabahasa: innerHTML()

// IE sahaja

Fungsi JavaScript Native Javascript untuk menukar HTML dalam elemen halaman. document.getElementById("elementID").innerHTML = value Kelakuan: document.all.elementID.innerHTML = value Keluarkan garis baru.

Keserasian penyemak imbas:

disokong dalam semua pelayar.

Contoh Asas:

Contoh Lanjutan: Gantikan tag dengan dengan ungkapan biasa, pastikan ia berfungsi sama dengan innerHTML, dan

yang terakhir adalah ungkapan biasa yang menghilangkan semua tag HTML.

<p>段落内文本</p>

function textContent() fungsi

tatabahasa:

<p>段落内文本</p>

Fungsi: Fungsi Firefox JQuery, digunakan untuk menukar teks elemen halaman.

Kelakuan: Keluarkan garis baru.

Keserasian pelayar:

Firefox mempunyai atribut sendiri , yang juga disokong oleh Chrome dan Opera, tetapi IE tidak menyokong mereka! Contoh Asas: textContent Memandangkan coretan HTML berikut:

<div id="divA">这是一些文本</div> Masalah watak pemecah garisan

var message = div.innerHTML.replace(/<br>/gi,"\n").replace(/(]+)>)/gi, "");

menunjukkan "para1" dan "para2" dengan garis pecah di tengah, tetapi tidak menunjukkan:

// IE/innertext (): para1 para2 // ff/textContent (): para1para2 innerText() textContent()

kod html/js untuk menguji semua fungsi dan pilih satu!

Fungsi jQuery lain yang boleh digunakan untuk menukar unsur -unsur halaman: ,

,

var text = element.textContent;
element.textContent = "i love jQuery (4u :P )";

,

, , , innerText.replace, innerHTML, innerText, textContent, html() text() div.innerHTML.replace document.body.innerText (berikut adalah bahagian FAQ, yang telah ditulis semula dan diselaraskan mengikut teks asal untuk mengelakkan duplikasi) $.fn.innerText div:contains

Atas ialah kandungan terperinci jQuery set innertext (), innerHtml (), textContent (). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!