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=创建 >