用js或者jquery动态给div追加内容,不覆盖之前的内容

总结

要在 JavaScript 或 jQuery 中动态给 <div> 追加内容而不覆盖之前的内容,可以使用以下方法:

  1. JavaScript 方法

    • 使用 innerHTML 属性:
      javascript
      document.getElementById("myDiv").innerHTML += "<p>新内容</p>";
    • 使用 appendChild 方法:
      javascript
      var newContent = document.createElement("p"); newContent.textContent = "新内容"; document.getElementById("myDiv").appendChild(newContent);
  2. jQuery 方法

    • 使用 append() 方法:
      javascript
      $("#myDiv").append("<p>新内容</p>");

这两种方法都可以在不删除已有内容的情况下,将新内容添加到 <div> 元素中。

关键字

JavaScript, jQuery, 动态添加, <div>, innerHTML, appendChild, append()