脚本操作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 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