JS动态插入表格,该怎么解决
日期：2014-05-16 浏览次数：20407 次
JS动态插入表格
利用js在页面的某个表格里面动态插入行列，但是生成的行列样式跟我本来的不一样，想问下有没什么语句能使我生成的行列跟本来表格设置的样式一致？
------解决方案--------------------
<style type="text/css">
td{
background-color:#F00;
width:100px;
}
</style>
<script type="text/javascript">
function add(){
var tr=document.createElement("tr");
var td=document.createElement("td");
td.innerHTML="test";
tr.appendChild(td);
var table=document.getElementById("table");
table.appendChild(tr);
}
</script>
</head>
<body>
<table id="table">
<tr>
<td>test1</td>
</tr>
</table>
<input type="button" onclick="add()" value="add">
</body>
这样？或者定义一个类创建好td后让他的className=类名，再或者设置style里的属性试试
------解决方案--------------------
最简单的方法你可以用css控制整个表格的td不管你后面生成多少个都是一个样式。
利用js在页面的某个表格里面动态插入行列，但是生成的行列样式跟我本来的不一样，想问下有没什么语句能使我生成的行列跟本来表格设置的样式一致？
------解决方案--------------------
<style type="text/css">
td{
background-color:#F00;
width:100px;
}
</style>
<script type="text/javascript">
function add(){
var tr=document.createElement("tr");
var td=document.createElement("td");
td.innerHTML="test";
tr.appendChild(td);
var table=document.getElementById("table");
table.appendChild(tr);
}
</script>
</head>
<body>
<table id="table">
<tr>
<td>test1</td>
</tr>
</table>
<input type="button" onclick="add()" value="add">
</body>
这样？或者定义一个类创建好td后让他的className=类名，再或者设置style里的属性试试
------解决方案--------------------
最简单的方法你可以用css控制整个表格的td不管你后面生成多少个都是一个样式。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
