第一句
var _table=document.createElement("<table id='Table_01' width='240' height='320' border='0' cellpadding='0' cellspacing='0'>");
第二句
var _table=document.createElement("table");
_table.width=240;
_table.height=320;
_table.border=0;
_table.cellpadding=0;
_table.cellspacing=0;我觉得应该是没问题的 但是第二句绘制出来的表格的边框宽度不能设置为零 表里的元素之间总是有缝隙
请问 有谁知道为什么会这样吗?
var _table=document.createElement("<table id='Table_01' width='240' height='320' border='0' cellpadding='0' cellspacing='0'>");
第二句
var _table=document.createElement("table");
_table.width=240;
_table.height=320;
_table.border=0;
_table.cellpadding=0;
_table.cellspacing=0;我觉得应该是没问题的 但是第二句绘制出来的表格的边框宽度不能设置为零 表里的元素之间总是有缝隙
请问 有谁知道为什么会这样吗?
document.createElement只接受元素的tag name
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
<!--
function createtable()
{
//创建表格对象
var _table=document.createElement("<table id='Table_01' width='240' height='320' border='0' cellpadding='0' cellspacing='0'>");
// var _table=document.createElement("table");
// _table.width=240;
// _table.height=320;
// _table.border=0;
// _table.cellpadding=0;
// _table.cellspacing=0; var flag=1;
var str1="imagesfiles/img-";
var str2=".jpg";
for(var i=0;i<4;i++)
{
var _tr=_table.insertRow(i);
for(var j=0;j<3;j++)
{
var _td=_tr.insertCell(j);
var _tn=document.createElement("img");
var imgsrc=str1+flag+str2;
_tn.src=imgsrc;
_td.appendChild(_tn);
flag++;
}
}
document.body.insertAdjacentElement('BeforeEnd',_table);
}
//-->
</script>
</head>
<body onload=createtable()>
</body>
</html>
_table.cellPadding=0;
_table.cellSpacing=0;
注意大小写
这nm!!!!!!!!!!!