Bagaimana untuk Menambah Teks pada Elemen Div Menggunakan JavaScript Tanpa Kehilangan Data Sedia Ada?

Menambahkan Teks pada Elemen div Tanpa Kehilangan Data

Apabila menggunakan AJAX untuk menambahkan data pada <div> elemen yang diisi melalui JavaScript, mengekalkan data sedia ada boleh menjadi penting. Artikel ini meneroka kaedah untuk mencapai ini tanpa kehilangan data.

Penyelesaian:

Untuk menambahkan data baharu pada <div> elemen tanpa kehilangan kandungan sedia ada, ikut langkah berikut:

1. Kenal pasti <div> elemen menggunakan atribut idnya:

var div = document.getElementById('divID');

2. Gunakan operator = untuk menambahkan data baharu pada kandungan HTML sedia ada dalam div:

div.innerHTML += 'Extra stuff';

Contoh:

Pertimbangkan HTML berikut struktur:

<div>

Jika anda ingin menambahkan "Data baharu" pada <div> tanpa mengalih keluar kandungan sedia ada, anda boleh menggunakan kod JavaScript berikut:

var div = document.getElementById('myDiv');
div.innerHTML += 'New data';

Selepas melaksanakan kod JavaScript ini, <div> akan mengandungi kandungan berikut:

<div>

Dengan menggunakan operator =, anda boleh menambahkan data baharu dengan lancar pada <div> elemen sambil mengekalkan kandungan sedia ada.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Teks pada Elemen Div Menggunakan JavaScript Tanpa Kehilangan Data Sedia Ada?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!