脚本操作table

Question

如果在页面上使用
<table border="1" cellspacing="5" cellpadding="5" bgcolor="#ffffff">
.....
</table>
修改cellspacing\cellpadding,在页面上可以看到很明显的效果,
但是如果在脚本中进行生成
var zoomTbl = document.createElement("<table></table>");
    zoomTbl.style.zindex = "10";
    zoomTbl.border = "1";
    zoomTbl.cellspacing = "5";
    zoomTbl.cellpadding = "5";
zoomTbl加入到当前的document.body中了,且body中就只有这个table
在改变cellspacing\cellpadding,页面上根本什么反应都没有
有人遇到过吗,正需要脚本来生成,但是好像问题不小啊?

Answer 1

var table=createElement("TABLE");
    table.sellspacing="5";
    table.sellpadding="5";
var tBody=createElement("TBODY");
table.appendChild(tBody);
var tr=createElement("TR");
tBOdy.appendChild(tr);
var td=createElement("TD");
td.innerHTML="hjx";
tr.appendChild(td);

Answer 2

你就直接加一个ID,用document.getElementById("这个ID");
然后用"这个ID".cellspacing="2"就可以了呀,

Answer 3

很抱歉,上述的任何一个都无法解决问题,甚至代码还是有错的
我并不是想通过
直接加一个ID,用document.getElementById("这个ID");
来控制,那个太简单了,不是我要的方法但是如果用
var zoomTbl = document.createElement("<table border='1' cellspacing='5' cellpadding='5'></table>");
这样就可以
怎么解释?

Answer 4

用setAttribute
table.setAttribute("cellspacing",0);
//...

Answer 5

如果在var zoomTbl = document.createElement("<table border='1' cellspacing='5' cellpadding='5'></table>");下使用impeller(竹子)的方法同样无效
但是如果在var zoomTbl = document.createElement("<table></table>");使用impeller(竹子)的方法才有效
为什么???

Answer 6

如果
var zoomTbl = document.createElement("<table></table>");
    zoomTbl.setAttribute("cellspacing",0);
    zoomTbl.setAttribute("cellpadding",0);
    zoomTbl.setAttribute("border",0);
此时实际上cellpadding感觉是为1
也就是说这样还是无效

Answer 7

如果在var  zoomTbl  =  document.createElement(  "  <table  border='1'  cellspacing='5'  cellpadding='5'  >  </table  >  ");下使用impeller(竹子)的方法同样无效  
如果  
var  zoomTbl  =  document.createElement(  "  <table  >  </table  >  ");  
                   zoomTbl.setAttribute(  "cellspacing  ",0);  
                   zoomTbl.setAttribute(  "cellpadding  ",0);  
                   zoomTbl.setAttribute(  "border  ",0);  
此时实际上cellpadding感觉是为1  
也就是说这样还是无效 
为什么???

Answer 8

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
 <script language="javascript" type="text/javascript">
function $()
{
 var table=document.createElement("TABLE");
 document.getElementById("t").appendChild(table);
    table.border=1;
    table.sellspacing="5";
    table.sellpadding="5";
var tBody=document.createElement("TBODY");
table.appendChild(tBody);
var tr=document.createElement("TR");
tBody.appendChild(tr);
var td=document.createElement("TD");
td.innerHTML="hjx";
tr.appendChild(td);
}
</script>
<input type="button" onclick="$()" value="测试" />
<div id="t"></div>

Answer 9

用了hjx398(娱乐主角)你的代码测试
还是一样的效果
border可以改变
但是其他两个属性没有改变