我知道<td colspan=10>
当我想合并列时可以静态包含,但是如果我需要检查一些条件并且基于此我只需要合并,那么如何做到这一点?
我的想法是这样的:
var span="";
if(some condition)
span="colspan=10";
然后将此变量设置<td>
为:
<td +span+>
但它不是那样工作的......有什么建议吗?
我知道<td colspan=10>
当我想合并列时可以静态包含,但是如果我需要检查一些条件并且基于此我只需要合并,那么如何做到这一点?
我的想法是这样的:
var span="";
if(some condition)
span="colspan=10";
然后将此变量设置<td>
为:
<td +span+>
但它不是那样工作的......有什么建议吗?
<table id="table" border=2>
<tr id="row1">
<td id="tableCellID">foo</td><td></td>
</tr>
<tr>
<td>foo</td><td>foo</td>
</tr>
</table>
<button onclick="button();" text="Change"/>
<script language="javascript">
var i = 0;
function button(){
var td = document.getElementById("tableCellID");
if(i==0){
td.setAttribute("colspan", 2);
i=1;
}else{
td.setAttribute("colspan", 1);
i=0;
}
}
</script>
这就是动态设置属性 colspan 的方法。您将看到更改一个单元格的 colspan 会影响整个表格的布局。您将需要处理行中的每个单元格。
var span='';
var table='';
if(some condition)
span="colspan=10";
var table="<tr><td"+span+"></td></tr>":
一种方法是,如果您能够id
在您的td
<td id="foo">
在你的javascript中,你可以添加这样的属性,
document.getElementById("foo").colSpan="10";