JQuery Innertext () vs oUtertext ()

mata teras

JQuery's
• dan innerText() adalah sifat JavaScript yang beroperasi pada kandungan teks elemen HTML. outerText() menggantikan kandungan antara tag permulaan dan akhir elemen, manakala innerText() menghilangkan elemen dan menggantikannya dengan teks yang ditentukan. outerText()
• dan innerText() boleh digunakan untuk mana -mana elemen HTML. Walau bagaimanapun, menggunakan outerText() pada unsur -unsur yang mengandungi unsur -unsur lain akan menggantikan unsur -unsur ini bersama -sama dengan teks. Kaedah ini disokong dalam pelayar yang paling moden, tetapi tidak di Internet Explorer 9 dan lebih awal. outerText() Alternatif untuk
dan
• dalam innerText() jQuery termasuk kaedah outerText() (mendapat atau menetapkan kandungan teks elemen dan menggunakannya dengan koleksi jQuery) dan kaedah .text() (mendapat atau menetapkan kandungan HTML elemen, termasuk tag). .html()

jQuery perbandingan dengan jQuery innerText() outerText()

fungsi JQuery

dan innerText() hampir sama. Perhatikan bahawa ini boleh dipanggil fungsi jQuery, tetapi mereka sebenarnya adalah sifat JavaScript. Untuk kemudahan penjelasan, kami akan menggunakan jQuery! :) JQuery outerText() atribut menggantikan kandungan antara tag permulaan dan akhir elemen dengan teks yang ditentukan, manakala atribut innerText() menghilangkan elemen dan menggantikannya dengan teks yang ditentukan. Apa yang anda perlu ingat ialah: outerText()

• Gantikan hanya kandungan di dalam tag innerText
• Ganti kandungan dan tagnya sendiri outerText

jQuery Contoh fungsi innerText()

//简单的示例，用于更改页面元素的文本
document.getElementById("elementID").innerText = "我爱 jQuery4u 博客！";

<p id="elementID">这里将更改的文本。</p>
<button onclick="changeText()">更改文本</button>
<button onclick="resetText()">重置</button>

jQuery Contoh fungsi outerText()

document.getElementById("elementID").outerText = "我爱 jQuery4u 博客！";

<p id="elementID">是的，我 
<button id="myButton" onclick="myFunction()">点击我</button>

</p>

jQuery dan innerText FAQ (FAQ) outerText Apakah perbezaan antara

dan

dalam jQuery? innerText outerText dalam jQuery,

dan

digunakan untuk memanipulasi kandungan teks elemen HTML. Perbezaan utama di antara mereka adalah bagaimana mereka mengendalikan tag HTML. innerText mendapat atau menetapkan teks antara tag permulaan dan akhir elemen HTML, tidak termasuk tag itu sendiri. Sebaliknya, outerText mendapat atau menetapkan teks termasuk tag HTML. Ini bermakna jika anda menetapkan teks dengan innerText, ia akan menggantikan seluruh elemen dengan teks yang ditentukan, termasuk label. outerText

bagaimana menggunakan innerText dan outerText dalam jQuery?

Untuk menggunakan innerText atau outerText dalam jQuery, anda perlu memilih elemen HTML yang anda mahu beroperasi dan hubungi kaedah yang sepadan. Sebagai contoh, untuk menetapkan teks dalaman elemen perenggan, anda boleh menggunakan kod berikut:

$('p').innerText = '新文本';

Untuk menetapkan teks luaran, anda boleh menggunakan:

$('p').outerText = '新文本'; Ingat bahawa menetapkan teks luaran akan menggantikan seluruh elemen dengan teks yang ditentukan, termasuk label.

Bolehkah saya menggunakan

dan

untuk mana -mana elemen HTML? innerText outerText Ya, anda boleh menggunakan

dan

untuk mana -mana elemen HTML. Walau bagaimanapun, ingat bahawa kaedah ini hanya mempengaruhi kandungan teks elemen. Jika elemen mengandungi elemen atau atribut lain, ia tidak akan terjejas. innerText outerText Apa yang berlaku jika saya menetapkan teks elemen yang mengandungi elemen lain menggunakan

?

outerText Jika anda menggunakan

untuk menetapkan teks elemen yang mengandungi unsur -unsur lain, unsur -unsur ini akan digantikan dengan teks. Ini kerana

menggantikan seluruh elemen, termasuk label, dengan teks yang ditentukan. outerText Adakah terdapat alternatif untuk outerText dan

dalam

? innerText outerText Ya, terdapat beberapa alternatif untuk

dan

dalam jQuery. Sebagai contoh, anda boleh menggunakan kaedah innerText untuk mendapatkan atau menetapkan kandungan teks elemen. Kaedah ini berfungsi sama seperti outerText, tetapi ia juga berfungsi dengan koleksi jQuery, bukan hanya satu elemen. Alternatif lain ialah kaedah .text(), yang mendapat atau menetapkan kandungan HTML elemen, termasuk tag. innerText .html() Bolehkah saya menggunakan

dan

dalam semua pelayar? innerText outerText

dan

disokong dalam pelayar yang paling moden termasuk Chrome, Firefox, Safari, dan Edge. Walau bagaimanapun, mereka tidak disokong di Internet Explorer 9 dan lebih awal. innerText outerText

(Soalan dan jawapan berikut diliputi dalam teks asal, dan duplikasi ditinggalkan di sini)

Atas ialah kandungan terperinci JQuery Innertext () vs oUtertext (). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!