当前位置: 代码迷 >> 跨浏览器开发 >> IE动态创建table不成功?解决方法
  详细解决方案

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

热度:1308   发布时间:2013-02-26 00:00:00.0
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=创建 >
  相关解决方案