javascript - 将元素插入两个 Div

Question

我正在创建表格并将其填充到两个 div 中，第一个 div 是小尺寸的，第二个是大 View 的，其他图形工作正常但元素不工作，它填充最后一个 div。如您所见，代码和sample在这里。

$("#sample").empty()
$("#fulls").empty()
var table = document.createElement('table');
table.className="report";
var first = table.insertRow(0);
first.className= "headerTable";
var h1 = first.insertCell(0);
var h2 = first.insertCell(1);
var h3 = first.insertCell(2);
var h4 = first.insertCell(3);
var h5 = first.insertCell(4);

h1.className= "headerTable";
h2.className= "headerTable";
h3.className= "headerTable";
h4.className= "headerTable";
h5.className= "headerTable";

h1.innerHTML = ("Speed");
h2.innerHTML = ("RPM");
h3.innerHTML =("Acc");
h4.innerHTML = ("Brake");
h5.innerHTML =("Dated");
for (var i = 0;i<5;i++)
{
    var first = table.insertRow((i+1));
    first.className= "tableRow";
    var h1 = first.insertCell(0);
    var h2 = first.insertCell(1);
    var h3 = first.insertCell(2);
    var h4 = first.insertCell(3);
    var h5 = first.insertCell(4);
    h1.innerHTML = i;
    h2.innerHTML = i;
    h3.innerHTML = i;
    h4.innerHTML = i;
    h5.innerHTML= new Date();
}
$("#fulls").html(table);
$("#sample").html(table);

我尝试使用 javascript 但结果相同

document.getElementById("fulls").innerHTML = table;
document.getElementById("sample").innerHTML = table;

Answer 1

你不能在2个容器中插入一个元素，你需要像这样克隆它

$("#fulls").html($(table).clone()); 
//or use cloneNode() like $("#fulls").html(table.cloneNode(true));
$("#sample").html(table);

演示:Fiddle

当您将相同的元素实例附加到 2 个容器时，它会从第一个容器中删除并添加到第二个容器中，因此如果您想在两个地方都保留一个副本，则需要克隆该元素。