Bagaimana untuk Menambah Teks pada Elemen `` tanpa Kehilangan Data?

Melampirkan Teks pada <div> Elemen Tanpa Kehilangan Data

Apabila menggunakan AJAX untuk mengubah suai <div> kandungan elemen, adalah penting untuk memastikan bahawa data baharu tidak menimpa kandungan sedia ada. Berikut ialah penyelesaian kepada masalah ini:

var div = document.getElementById('divID');
div.innerHTML += 'Extra stuff';

Kod ini menambahkan teks baharu pada kandungan sedia ada <div> unsur. Sifat innerHTML mengandungi keseluruhan kandungan HTML elemen. Dengan menggunakan operator =, kami menambah kandungan sedia ada dan bukannya menggantikannya.

Penjelasan:

Kaedah getElementById mengembalikan rujukan kepada <div> elemen dengan ID yang ditentukan ("divID"). Sifat innerHTML mengandungi kandungan HTML dalam elemen tersebut.

Operator = menambahkan rentetan "Bahan tambahan" pada penghujung sifat innerHTML. Ini secara berkesan menambahkan teks baharu pada kandungan sedia ada tanpa memadamkannya.

Contoh:

Pertimbangkan <div> elemen dengan ID "dataDiv":

<div>

Jika kami melaksanakan kod JavaScript:

var div = document.getElementById('dataDiv');
div.innerHTML += 'New Data';

Kandungan HTML yang terhasil daripada <div> elemen ialah:

<div>

Pendekatan ini membolehkan anda mengemas kini kandungan <div> elemen dengan data baharu tanpa kehilangan kandungan sedia ada.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Teks pada Elemen `` tanpa Kehilangan Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!