javascript 生成表格并添加属性的问题 js方面的高手请进

Question

我的表格生成后是这样的
<table>
<thead>
<tr class=fixedHeaderTr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
……
我怎么才能给<td>标签加属性加样式呢
请高手赐教

Answer 1

var table=document.createElement("table");
table.style.color="#000";
table.style.boder="#000";
table.style.className="fixedHeaderTr";
...

Answer 2

还是没有理解我的意思
<table width="100%" cellspacing=0 border=1 style="margin-top:-2;margin-left:-1" id=theObjTable> 
<thead> 
<tr class=fixedHeaderTr style="background:navy;color:white;"> 
<td nowrap class="fixedHeaderCol" style="color:#000"> </td> 我是要生成这个样子的
但要采取这种方式
var table=document.createElement("table"); 
          table.setAttribute("border",0); 
          table.setAttribute("width","100%"); 
          table.setAttribute("cellspacing",0); 
          table.setAttribute("cellpadding",0); 
          var head=table.createTHead(); 
          var headrow=head.insertRow(0); 
          headrow.setAttribute("class","fixedHeaderTr"); 
          headrow.insertCell(0).appendChild(document.createTextNode("报文编号")); 
          headrow.insertCell(1).appendChild(document.createTextNode("接受报文时间")); 
          headrow.insertCell(2).appendChild(document.createTextNode("源ID")); 
          headrow.insertCell(3).appendChild(document.createTextNode("目标ID")); 
          headrow.insertCell(4).appendChild(document.createTextNode("报文底层协议")); 
          headrow.insertCell(5).appendChild(document.createTextNode("报文备注信息"));           for(var i=0;i <elmDoc.length;i++) { // 循环读取  
              var singleCur = elmDoc[i]; 
              
              row=table.insertRow(i+1); 
              if(i%2){ 
              row.setAttribute("class","evenRow"); 
              }else{ 
              row.setAttribute("class","oddRow"); 
              } 
              row.insertCell(0).appendChild(document.createTextNode( singleCur.getElementsByTagName("id")[0].firstChild.data)); 
              row.insertCell(1).appendChild(document.createTextNode( singleCur.getElementsByTagName("arrivalTime")[0].firstChild.data)); 
              row.insertCell(2).appendChild(document.createTextNode( singleCur.getElementsByTagName("source")[0].firstChild.data)); 
              row.insertCell(3).appendChild(document.createTextNode( singleCur.getElementsByTagName("destination")[0].firstChild.data)); 
              row.insertCell(4).appendChild(document.createTextNode( singleCur.getElementsByTagName("protocol")[0].firstChild.data)); 
              row.insertCell(5).appendChild(document.createTextNode( singleCur.getElementsByTagName("note")[0].firstChild.data)); 
              

Answer 3

你是不是想js生成的表格，然后浏览器中查看源代码的时候出现
<table width="100%" cellspacing=0 border=1 style="margin-top:-2;margin-left:-1" id=theObjTable>
<thead>
<tr class=fixedHeaderTr style="background:navy;color:white;">
<td nowrap class="fixedHeaderCol" style="color:#000"> </td> 
这样的代码？？？？？

Answer 4

 var head=table.createTHead(); 
          var headrow=head.insertRow(0); 
          headrow.setAttribute("class","fixedHeaderTr");
          //var headcol=head.insertCol(0);
          headrow.insertCell(0).setAttribute("class","fixedHeaderTr");
          headrow.insertCell(0).appendChild(document.createTextNode("报文编号"));
          headrow.insertCell(1).appendChild(document.createTextNode("接受报文时间")); 
          headrow.insertCell(2).appendChild(document.createTextNode("源ID")); 
          headrow.insertCell(3).appendChild(document.createTextNode("目标ID")); 
          headrow.insertCell(4).appendChild(document.createTextNode("报文底层协议")); 
          headrow.insertCell(5).appendChild(document.createTextNode("报文备注信息"));这样就会生成
<table> 
<thead> 
<tr   class=fixedHeaderTr> 
<td>报文编号 </td> 
<td>接受报文时间 </td> 
<td>源ID </td> 
<td>目标ID </td> 
<td>报文底层协议 </td> 
<td>报文备注信息 </td> 
<td class=fixedHeaderTr></td>
</tr> 
……
而不是我预期的
<table> 
<thead> 
<tr   class=fixedHeaderTr> 
<td class=fixedHeaderTr>报文编号 </td> 
<td>接受报文时间 </td> 
<td>源ID </td> 
<td>目标ID </td> 
<td>报文底层协议 </td> 
<td>报文备注信息 </td> 
</tr> 
……大家给提提意见呀

Answer 5

问题已经解决
贴出来大家分享          var table=document.createElement("table"); 
          table.setAttribute("border",0); 
          table.setAttribute("width","100%"); 
          table.setAttribute("cellspacing",0); 
          table.setAttribute("cellpadding",0); 
          var head=table.createTHead(); 
          var headrow=head.insertRow(0); 
          headrow.setAttribute("class","fixedHeaderTr");
          var headcol=headrow.insertCell(0);
          headcol.setAttribute("class","fixedHeaderTr");
          headcol.setAttribute("nowrap");
          headcol.appendChild(document.createTextNode("报文编号"));