脚本操作table

[cugliang]

如果在页面上使用
<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,页面上根本什么反应都没有
有人遇到过吗,正需要脚本来生成,但是好像问题不小啊?

[hjx398]

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

[FunctionScript]

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

[FunctionScript]

测试一下,

[hjx398]

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

[cugliang]

很抱歉,上述的任何一个都无法解决问题,甚至代码还是有错的
我并不是想通过
直接加一个ID,用document.getElementById("这个ID");
来控制,那个太简单了,不是我要的方法

但是如果用
var zoomTbl = document.createElement("<table border='1' cellspacing='5' cellpadding='5'></table>");
这样就可以
怎么解释?

[impeller]

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

[cugliang]

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

[cugliang]

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

[cugliang]

如果在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
也就是说这样还是无效
为什么???

[cugliang]

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