JS如何在页面中插入HTML代码

比如有一大段表格代码，如何用JS在HTML的指定位置插入代码？用creatElement()然后appendChild好像不行，代码短的话可以，长的话就插不进去了。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<head>
<script>
function insert(){
   var insertText = "<table><tr><td>any thing</td></tr></table>";
   document.getElementById("insert").innerHTML(insertText);
}
</script>
</head>
<body>
<button onclick="insert()">Insert</button>
<div id="insert"></div>
</body>
</html>
先插入一个容器，然后修改容器的html即可。
var div = document.createElement("div");
div.innerHTML = "<b>zswang 路过</b>";
document.body.appendChild(div);
sorry，写错了一个位置<html> <head> <script> function insert(){ var insertText = "<table><tr><td>any thing</td></tr></table>"; document.getElementById("insert").innerHTML = insertText; } </script> </head> <body> <button onclick="insert()">Insert</button> <div id="insert"></div> </body> </html>
<html>
<head>
<script>
function insert(){
   var obj=document.createElement("textarea");
   for(var i=1;i<100;i++) obj.value += i+"\r\n";
   document.getElementById("insert").appendChild(obj);
}
</script>
</head>
<body>
<button onclick="insert()">Insert</button>
<div id="insert"></div>
</body>
</html>
<html>
<head>
<script>
function insert(){
var insertText = "<table><tr><td>any thing</td></tr></table>";
document.getElementById("insert").innerHTML = document.getElementById("insert").innerHTML+insertText;
}
</script>
</head>
<body>
<button onclick="insert()">Insert</button>
<div id="insert"></div>
</body>
</html>
太好了,终于找到答案.谢谢"zcy_dr"
如果要插入的是动态的代码怎么办，如：<%=allDb.get(i) %>，请各位大神帮帮忙