首頁 >web前端 >js教程 >如何使用 AJAX 將文字附加到 DIV 元素?

如何使用 AJAX 將文字附加到 DIV 元素?

DDD
DDD原創
2024-11-15 10:55:02783瀏覽

How to Append Text to a DIV Element with AJAX?

使用AJAX 將文字附加到DIV 元素

使用AJAX 使用JavaScript 中的資料動態填入DIV 元素時,通常需要附加新資料而不遺失現有內容。為此,請按照以下步驟操作:

  1. 識別 DIV 元素: 使用 document.getElementById('divID') 擷取具有指定 ID 的 DIV。
  2. 追加新內容:利用innerHTML 屬性將文字加入DIV。若要附加新內容而不覆蓋現有文本,請使用= 運算子:
var div = document.getElementById('divID');

div.innerHTML += 'Extra stuff';

此程式碼會將文字「Extra stuff」附加到ID 為「divID」的DIV 的現有內容。如果需要,innerHTML 屬性也可用於取代現有內容。

以上是如何使用 AJAX 將文字附加到 DIV 元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn