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