更新 id 而不是在 javascript 中替换答案

【问题标题】：Update the id and not replace in javascript更新 id 而不是在 javascript 中替换
【发布时间】：2018-07-20 02:49:26
【问题描述】：

javascript中的两个函数都有一个声明-

$('#'+key).html(data) 

funtion data(data) {
  $('#'+key).html(data)
}

funtion data2(data) {
  $('#'+key).html(data)
}

本质上是替换键的值。我不想要替换但基本上添加到相同的数据然后呈现新值。

我对 Javascript 很陌生-如果有人能指出正确的方向，我会很高兴。提前致谢。

【问题讨论】：

使用append而不是html
请注意，您使用的不是纯 JavaScript，而是 $ 提示 jQuery 语法。
如果你不知道如何做一个简单的事情，比如追加，也许现在是阅读jquery manual的好时机

标签： javascript jquery

【解决方案1】：

我不想要替换但基本上添加到相同的数据

使用append 而不是html

$('#'+key).html(data) 

funtion data(data) {
  $('#'+key).append(data)
}

funtion data2(data) {
  $('#'+key).append(data)
}

【讨论】：

【解决方案2】：

没有 JQuery：

如果您只想添加文本，请使用appendChild：

function addText(divID, text) {
    document.querySelector("#"+divID)
        .appendChild(document.createTextNode(text));

}
/** TEST **/
var number = 1;
var intervalID = setInterval(addMore, 500);
function addMore() {
    addText("appendHere", "Text #"+(++number)+" ")
    // do not add infinitelly
    if(intervalID>20)
        clearInterval(intervalID);
}

&lt;div id="appendHere"&gt;&lt;/div&gt;

如果你想附加 HTML，只需稍微修改一下代码：

function addHTML(divID, html) {
    var fragment = document.createElement("span");
    fragment.innerHTML = html;

    document.querySelector("#"+divID)
        .appendChild(fragment);

}

【讨论】：

【解决方案3】：

根据@gurvinder372 的第一条评论

funtion data(data) {
  $('#'+key).append(data)
}

funtion data2(data) {
  $('#'+key).append(data)
}

This 将帮助您了解使用 JQuery 方法处理 HTML 元素的数据。

【讨论】：