日期:2014-05-16  浏览次数:20337 次

JS动态添加DIV问题
function createDiv(top,left)
{
if(!document.getElementById) {return;}
var Layer=document.getElementById("Layer1");
var div1=document.createElement("div");
var table1=document.createElement("table");
var tr1=document.createElement("tr");
var td1=document.createElement("td");
var td2=document.createElement("td");
var text1=document.createTextNode("测试:");
td1.appendChild(text1);
tr1.appendChild(td1);
table1.appendChild(tr1);
div1.appendChild(table1);
div1.style.position = "absolute";
div1.style.top = top;
div1.style.left = left;
alert(div1.outerHTML);
Layer.appendChild(div1);
}
执行中不报错,但加不上DIV 请教是怎么回事啊?

------解决方案--------------------
再加个<tbody>的属性才行
也就是像这样
<table>
<tbody>
<tr>
<td>.....</td>
</tr>
</tbody>
</table>