javascript - いくつかの条件に基づいてタグ内にrowspanとcolspanを動的に含める方法

Question

列をマージしたいときに静的に含めることができることはわかって<td colspan=10>いますが、いくつかの条件を確認する必要があり、それに基づいてマージするだけでよい場合は、どうすればよいでしょうか?

私の考えは次のようなものでした：

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

そして、この変数を内部で次のように設定します<td>。

<td +span+>

しかし、それはそのようには機能しません...これを行う方法について何か提案はありますか?

Answer 1

<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を動的に設定する方法です。1つのセルの列スパンを変更すると、テーブル全体のレイアウトに影響することがわかります。行の各セルを処理する必要があります。

Answer 2

var span='';
var table='';

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


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

Answer 3

1 つの方法はid、td

<td id="foo">

JavaScript で、次のような属性を追加できます。

document.getElementById("foo").colSpan="10";