如何让table文字居中

Question

var getTb= document.getElementById("tts");
var crTR = getTb.insertRow(); //行已经加完了，我们再加一个包含td和另一个带rowspan=2的TD，当然，是在TR的基础上;
//crTR.style = 'text-align:center';
var crTDa = crTR.insertCell(); //第一个TD
var crTDb = crTR.insertCell(); //第二个TD,带rowspan=2
var crTDc = crTR.insertCell(); //第一个TD
var crTDd = crTR.insertCell(); //第二个TD,带rowspan=2
crTDa.innerHTML="区局";
crTDb.innerHTML="开设窗口数量";
crTDc.innerHTML="等待受理业务数量";
crTDd.innerHTML="业务受理完毕数量";
var s=1;
    for(var i=0;i<(list.length-1)/4;i++)
   {
    //alert(list[i]);
   
    var k = Math.floor(Math.random()*1000);
var getTb= document.getElementById("tts");
var crTR = getTb.insertRow(); //行已经加完了，我们再加一个包含td和另一个带rowspan=2的TD，当然，是在TR的基础上;
for(var j=0;j<4;j++)
    {
var crTDa = crTR.insertCell(); //第一个TD
crTDa.innerHTML=list[s];
s=s+1;
}
       //document.getElementById("tts").getElementsByTagName("td")[0].innerHTML="00";
       
   }
如何让文字居中 我试了加crTDa.class = 'styleName'; 在css里加样式 不好使 请各位高手指点

Answer 1

align="center"  加上这个属性 试试 。

Answer 2

这回知道该怎么加了吧
<table border="1" bordercolor="red">
<tr align="center">
<td width="400px">aaaa</td>
<td width="400px">bbbb</td>
</tr>
<tr align="center">
<td>cccc</td>
<td>dddd</td>
</tr>
</table>

Answer 3

这个在我HTML就是这么写的 但是我JS删除了所有行在添加行列的

Answer 4

在我的javascript如何写 请楼上给个例子

Answer 5

//crTR.style = 'text-align:center';
换成
crTR.align = "center";
试一试，我原来一直是用dom方式操作的

Answer 6

不好使 我试了 我连crTDd.align = "center";
都试了

Answer 7

下面是你的代码，我这里没问题<table id="tts" border="1" bordercolor="red"></table>
<script>
var getTb= document.getElementById("tts");
var crTR = getTb.insertRow(); //行已经加完了，我们再加一个包含td和另一个带rowspan=2的TD，当然，是在TR的基础上;
crTR.align = 'center';//看这块<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
var crTDa = crTR.insertCell(); //第一个TD
var crTDb = crTR.insertCell(); //第二个TD,带rowspan=2
var crTDc = crTR.insertCell(); //第一个TD
var crTDd = crTR.insertCell(); //第二个TD,带rowspan=2
crTDa.width = "200px";//看这块<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
crTDa.innerHTML="区局";
crTDb.innerHTML="开设窗口数量";
crTDc.innerHTML="等待受理业务数量";
crTDd.innerHTML="业务受理完毕数量";</script>

Answer 8

<style type="text/css">
  td {width:500px ;text-align :center;}
</style>我用你的代码测试了。直接写CSS没问题啊。
不过你的代码从list后面的没试。因为list没申明。