删除表的内容并使用JavaScript替换

我试图删除一个点击后的内容，并根据他们点击的内容重新填充它

我能够成功地用新标题修改，但当我想删除的内容并用新标题替换时，我一直遇到问题。我尝试过使用removeChild（）、replaceChild（）以及innerHTML（基于文档，它不起作用）

我如何才能成功地单击、删除现有表并用JavaScript生成的HTML重新填充它

HTML:

输入日期
请求日期
3/27/2018
6/12/2018

JavaScript:

   function(evt) {
       $("#table-title").html("<h2><b>" + Title + ":</b><i> " + Subtitle + "</i></h2>");
       var tBodyInner;
       for (i of dataPoints) {
           console.log("data" + i);
           var data = json.Data[i];
           tBodyInner += ("<tr align = \"center\">");
           tBodyInner += ("<td><a target=\"_blank\" href=" + data.cap_url + ">" + data.capNumber + "</a></td>");

           tBodyInner += ("</tr>");
       }
       //Not sure what to do here so that I clear the existing table, and appened the new tBodyInner html as a replacement
       modal.style.display = "block";
   }

功能（evt）{
$（“#表格标题”）.html（“+title+”：“+Subtitle+”）；
var Tbodynner；
对于（一个或多个数据点）{
控制台日志（“数据”+i）；
var data=json.data[i]；
tBodyInner+=（“”）；
tBodyInner+=（“”）；
tBodyInner+=（“”）；
}
//不确定在这里做什么，所以我清除了现有的表，并将新的tBodyInner html作为替换
modal.style.display=“块”；
}

您在元素中的什么位置更改html？您正在设置变量

tBodyInner

，但从未使用它。您应该像更新上面的标题一样使用它，例如：

$("#table-entries").html(tBodyInner);

---

此外，右侧字符串concats周围的括号也是多余的。没有伤害，但也没有效果。

首先，您必须清除

，这不是DIV的有效位置

其次，需要将变量

tBodyInner

初始化为空字符串

最后，您可以使用

$（“#tbodyId”）.html（）

填充表体的html

功能（evt）{
$（“#表格标题”）.html（“+title+”：“+Subtitle+”）；
var tBodyInner=“”；
对于（一个或多个数据点）{
控制台日志（“数据”+i）；
var data=json.data[i]；
tBodyInner+=（“”）；
tBodyInner+=（“”）；
tBodyInner+=（“”）；
}
$（“#tBodyId”）.html（tBodyInner）；
modal.style.display=“块”；
}

输入日期
请求日期
3/27/2018
6/12/2018

您的HTML无效。您不能将

作为

的孩子。它的子项必须是

。

$("#table-entries").html(tBodyInner);