IE动态创建table不成功？解决方法

2012-03-14

IE动态创建table不成功？htmlbodydiv stylewidth: 560px margin-top: 10px text-align: left ove

IE动态创建table不成功？
<html>
<body>
<div style="width: 560px; margin-top: 10px; text-align: left; overflow: hidden;">
<table id="my_table" border="1" class="main_table" style="width: 750px;">
</table>
</div>

<script type="text/javascript">

var tablemy=document.getElementById("my_table");

var element=document.createElement("tr");

var tdelement=document.createElement("td");
tdelement.appendChild(document.createTextNode("45555555555555"));
element.appendChild(tdelement);

var tdelement=document.createElement("td");
tdelement.appendChild(document.createTextNode("fghgfhgf"));
element.appendChild(tdelement);

var tdelement=document.createElement("td");
tdelement.appendChild(document.createTextNode("768uiuyiuiuyiui"));
element.appendChild(tdelement);

tablemy.appendChild(element);

</script>

</body>
</html>

这个在mozilla上显示创建table都是ok，但是IE却什么都没有创建，不知道什么原因。

[解决办法]

JScript code

  var tablemy=document.getElementById("my_table");   var tbody=document.createElement("tbody");  var element=document.createElement("tr");     var tdelement=document.createElement("td");  tdelement.appendChild(document.createTextNode("45555555555555"));  element.appendChild(tdelement);     var tdelement=document.createElement("td");  tdelement.appendChild(document.createTextNode("fghgfhgf"));  element.appendChild(tdelement);     var tdelement=document.createElement("td");  tdelement.appendChild(document.createTextNode("768uiuyiuiuyiui"));  element.appendChild(tdelement);   tbody.appendChild(element)  tablemy.appendChild(tbody);
[解决办法]
你用
<div id=x></div>
document.getElemetById("x").innerHTML="<table"啊
别用outerHTML了啊
[解决办法]
用 innerHTML
[解决办法]
HTML code<script type="text/javascript">function fun(){    s=[]    for(i=0;i<10;i++)    s.push("<tr><td><select><option value='1'>"+i+"</select><input type=checkbox><input type=checkbox><textarea></textarea></td></tr>")document.getElementById("x").innerHTML="<table border>"+s.join("")+"</table>"}</script><div id=x></div><input onclick='fun()' type=button value=创建 >

热点排行

跨浏览器开发

IE动态创建table不成功？解决方法