Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah perbezaan antara teks dan html dalam jquery

Apakah perbezaan antara teks dan html dalam jquery

WBOY
Lepaskan: 2022-05-07 16:54:30
asal
4285 orang telah melayarinya

Perbezaan: 1. Apabila kaedah html() mendapat dan menetapkan elemen, kod html ditetapkan Apabila kaedah text() mendapat dan menetapkan elemen, kandungan teks elemen ditetapkan 2. Dalam kaedah html() Penggunaan xml tidak disokong, tetapi html dan xml disokong dalam kaedah text().

Apakah perbezaan antara teks dan html dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah perbezaan antara teks dan html dalam jquery? JavaScript, Boleh digunakan untuk membaca atau menetapkan kandungan HTML dalam elemen tertentu

Untuk memaparkan kesan dengan lebih jelas, tukar kod HTML elemen

kepada:

dan kemudian gunakan Kaedah html() untuk mendapatkan elemen


Selepas menjalankan kod, pemaparan adalah seperti berikut:

<p><strong>你最喜欢的男孩子是?</strong></p><p></p>
Salin selepas log masuk
Dapatkan kod HTML keseluruhan p elemen

var p_html = $("p").html(); //获取<p>元素中的HTML代码alert(p_html); //打印</p><p>元素的HTML代码</p>
Salin selepas log masuk

Jika anda perlu menetapkan kod HTML elemen tertentu, anda juga boleh menggunakan kaedah ini, tetapi anda perlu menghantar parameter kepadanya. Contohnya, untuk menetapkan kod HTML elemen

anda boleh menggunakan kod berikut:

Nota: Kaedah html() boleh digunakan untuk dokumen XHTML, tetapi bukan untuk dokumen XML. Apakah perbezaan antara teks dan html dalam jquery

$("p").html("<strong>你最喜欢的男孩子是?</strong>"); //设置<p>元素的HTML代码</p>
Salin selepas log masuk
2. kaedah text()

Kaedah ini serupa dengan atribut innerText dalam JavaScript dan boleh digunakan untuk membaca dan menetapkan teks dalam elemen kandungan.
Teruskan menggunakan kod HTML di atas:

Gunakan kaedah text() untuk mendapatkan elemen

:


Selepas menjalankan kod, kesan adalah seperti berikut Paparan:

<p><strong>你最喜欢的男孩子是?</strong></p>
Salin selepas log masuk
Hanya memaparkan kandungan teks, tidak mengandungi dan memaparkan kod html

var p_text = $("p").text(); //获取<p>元素的文本内容alert(p_text); //打印</p><p>元素的文本内容</p>
Salin selepas log masuk


Sama seperti kaedah html(), jika anda perlukan untuk menetapkan kandungan teks untuk elemen, Kemudian anda juga perlu lulus parameter. Contohnya, untuk menetapkan kandungan teks untuk elemen

kodnya adalah seperti berikut:
Apakah perbezaan antara teks dan html dalam jqueryNota: (1) Atribut innerText dalam JavaScript tidak berfungsi di bawah versi tertentu bagi Pelayar Firefox Kaedah teks jQuery () menyokong semua pelayar.

(2) Kaedah text() adalah sah untuk kedua-dua dokumen HTML dan dokumen XML.

$("p").text("你最喜欢的男孩子是?"); //设置<p>元素的文本内容</p>
Salin selepas log masuk
Ringkasan:

1. Apabila kaedah html() memperoleh dan menetapkan elemen, ia menetapkan kod HTML
2. Apabila kaedah text() memperoleh dan menetapkan elemen , ia menetapkan Kandungan teks elemen

3 Kaedah html() tidak menyokong xml, dan kaedah text() menyokong html dan xml

. Tutorial video berkaitan yang disyorkan:
Tutorial video jQuery

Atas ialah kandungan terperinci Apakah perbezaan antara teks dan html dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan