脚本操作table

如果在页面上使用
<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,页面上根本什么反应都没有
但是如果用
var   zoomTbl   =   document.createElement(" <table   border= "1 "   cellspacing= "5 "   cellpadding= "5 " > </table >");
这样就可以
var   zoomTbl   =   document.createElement(" <table > </table >");
        zoomTbl.setAttribute("cellspacing",0);
        zoomTbl.setAttribute("cellpadding",0);
        zoomTbl.setAttribute("border",0);
此时实际上cellpadding感觉是为1

你可能感兴趣的:(table)