Javascript 如何在内部动态包含rowspan和colspan<；td>；基于某些条件的标记

我知道当我想要合并列时，我可以静态地包括

，但是如果我需要检查一些条件，并且基于这些条件，我只需要合并，那么如何才能做到这一点

我的想法是这样的：

var span="";
if(some condition)
span="colspan=10";

然后将

中的此变量设置为：

<td +span+>

---

但它不是那样工作的……有什么建议吗？

一种方法是，如果您能够在

td

中设置

id

在javascript中，可以添加如下属性：

document.getElementById（“foo”）.colSpan=“10”
var span=''；
var表=“”；
如果（某些条件）
span=“colspan=10”；
var表=”：

福
福福
var i=0；
功能按钮（）{
var td=document.getElementById（“tableCellID”）；
如果（i==0）{
td.setAttribute（“colspan”，2）；
i=1；
}否则{
td.setAttribute（“colspan”，1）；
i=0；
}
}

这就是动态设置属性colspan的方法。您将看到，更改一个单元格的colspan将影响整个表的布局。您需要处理行中的每个单元格。
您可以使用服务器端代码吗？是在首次送达页面时应用的条件，或者更晚？事实上，这是一个基于电话间隙的项目，在其中，我使用内部html动态创建所需的表…当提供页面时，我通过wcf服务获得响应，然后在表格式化时，我需要检查条件，并基于此，我需要包括colspan或rowspan“我正在使用内部html动态创建所需的表”-然后是的，您可以使用类似
”
（确保在不需要时将
span
设置为空字符串，您可以使用
var span=（someCondition）执行此操作。“/colspan='10'”；
）。显示更多实际代码以获得更具体的帮助。。
var span='';
var table='';

if(some condition)
  span="colspan=10";


var table="<tr><td"+span+"></td></tr>":

<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>