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