用js或者jquery动态给div追加内容,不覆盖之前的内容
总结
要在 JavaScript 或 jQuery 中动态给 <div>
追加内容而不覆盖之前的内容,可以使用以下方法:
JavaScript 方法:
- 使用
innerHTML
属性:javascriptdocument.getElementById("myDiv").innerHTML += "<p>新内容</p>";
- 使用
appendChild
方法:javascriptvar newContent = document.createElement("p"); newContent.textContent = "新内容"; document.getElementById("myDiv").appendChild(newContent);
- 使用
jQuery 方法:
- 使用
append()
方法:javascript$("#myDiv").append("<p>新内容</p>");
- 使用
这两种方法都可以在不删除已有内容的情况下,将新内容添加到 <div>
元素中。
关键字
JavaScript, jQuery, 动态添加, <div>
, innerHTML
, appendChild
, append()