Bagaimanakah Saya Boleh Mengemas kini Kandungan Teks Secara Dinamik dalam JavaScript?

Manipulasi Teks Elemen JavaScript

Dalam pembangunan web, selalunya perlu mengemas kini teks yang dipaparkan pada halaman secara dinamik. Ini boleh dicapai menggunakan JavaScript.

Menukar Teks Elemen

Untuk menukar kandungan teks elemen tertentu, seperti , gunakan JavaScript berikut kod:

document.getElementById("myspan").textContent = "newtext";

Kod ini mengubah suai kandungan teks elemen dengan ID "myspan" kepada "teks baharu".

Pertimbangan Keserasian

Pelayar moden menyokong sifat textContent. Walau bagaimanapun, pelayar lama mungkin tidak mengenalinya. Dalam kes ini, anda boleh menggunakan alternatif berikut:

// POSSIBLY INSECURE IF NEWTEXT BECOMES A VARIABLE!!
document.getElementById("myspan").innerHTML = "newtext";

Amaran Keselamatan

Adalah penting untuk ambil perhatian bahawa innerHTML boleh memperkenalkan kerentanan skrip merentas tapak (XSS) jika teks baharu adalah input pengguna. Ini kerana innerHTML menghuraikan input sebagai HTML, yang mungkin termasuk kod hasad.

Oleh itu, sangat disyorkan untuk menggunakan textContent dan bukannya innerHTML apabila boleh, terutamanya apabila berurusan dengan kandungan yang dijana pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengemas kini Kandungan Teks Secara Dinamik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!