Javascript 我想使用clone?多次拖放每个新的动态表格单元格内容?如何更改单元格背景颜色?

Javascript 我想使用clone?多次拖放每个新的动态表格单元格内容?如何更改单元格背景颜色?,javascript,php,jquery,html,d3.js,Javascript,Php,Jquery,Html,D3.js,我想使用clone?多次拖放每个新的动态表格单元格内容?如何更改单元格背景颜色?放置区域将是另一个div。实际上我想用上面的函数生成动态表 <!DOCTYPE html> <html> <input type="button" value="Generate Table()"onclick="GenerateTable()" /> <hr /> <div id="dvTable"> </div> <script>

我想使用clone?多次拖放每个新的动态表格单元格内容?如何更改单元格背景颜色?放置区域将是另一个div。实际上我想用上面的函数生成动态表

<!DOCTYPE html>
<html>
<input type="button" value="Generate Table()"onclick="GenerateTable()" />
<hr />
<div id="dvTable">
</div>
<script>
function GenerateTable() {

var customers = new Array();
customers.push(["Customer Id", "Name", "Country"]);
customers.push([1, "John Hammond", "United States"]);
customers.push([2, "Mudassar Khan", "India"]);
customers.push([3, "Suzanne Mathews", "France"]);
customers.push([5, "Robert Schidner", "Russia"]);
customers.push([4, "Robert Schidner", "Russia"]);
//Create a HTML Table element.
var table = document.createElement("TABLE");
table.border = "1";

var columnCount = customers[0].length;

var row = table.insertRow(-1);
for (var i = 0; i < columnCount; i++) {
    var headerCell = document.createElement("TH");
    headerCell.innerHTML = customers[0][i];
    row.appendChild(headerCell);
}

for (var i = 1; i < customers.length; i++) {
    row = table.insertRow(-1);
    for (var j = 0; j < columnCount; j++) {
        var cell = row.insertCell(-1);
        cell.innerHTML = customers[i][j];
    }
}

var dvTable = document.getElementById("dvTable");
dvTable.innerHTML = "";
dvTable.appendChild(table);
}
</script>
</body>
</html>


函数GenerateTable(){ var customers=新数组(); 客户推送([“客户Id”、“名称”、“国家]); 推送([1,“约翰·哈蒙德”,“美国]); 客户推送([2,“穆达萨尔汗”,“印度]); 推送([3,“苏珊娜·马修斯”,“法国]); 推送([5,“罗伯特·希德纳”,“俄罗斯]); 推送([4,“罗伯特·希德纳”,“俄罗斯]); //创建一个HTML表元素。 var table=document.createElement(“表”); table.border=“1”; var columnCount=客户[0]。长度; var行=table.insertRow(-1); 对于(变量i=0;i