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

比如有一大段表格代码，如何用JS在HTML的指定位置插入代码？

用creatElement()然后appendChild好像不行，代码短的话可以，长的话就插不进去了。

15 个解决方案

#1

<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>

#2

先插入一个容器，然后修改容器的html即可。

var div = document.createElement("div");

div.innerHTML = "<b>zswang 路过</b>";

document.body.appendChild(div);

#3

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>

#4

innerHTML

#5

uP~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

#6

<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>

#7

引用 3 楼 zcy_dr 的回复:

sorry，写错了一个位置

HTML code
<html> <head> <script> function insert(){ var insertText = "<table><tr><td>any thing</td></tr></table>"; document.getElementById("insert").innerHTML = insertText; } </scrip……

这个方法可以是可以，可我要无限添加怎么办啊

#8

<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>

#9

引用 8 楼 zcy_dr 的回复:

JScript code
<html>
<head>
<script>
function insert(){
var insertText = "<table><tr><td>any thing</td></tr></table>";
document.getElementById("insert").innerHTML = document.getElementById("……

恩，谢谢了，可以了，还是你聪明，我都没想到

#10

太好了,终于找到答案.谢谢"zcy_dr"

#11

引用 7 楼 hanyu1222 的回复:

引用 3 楼 zcy_dr 的回复:
sorry，写错了一个位置

HTML code
<html> <head> <script> function insert(){ var insertText = "<table><tr><td>any thing</td></tr></table>"; document.getElementById("insert").innerHTML = i……

这个OK的！谢了~~

#12

8楼神奇啊

#13

看看什么情况

#14

8楼的可以！十分感谢！~~

#15

如果要插入的是动态的代码怎么办，如：<%=allDb.get(i) %>，请各位大神帮帮忙

#1

<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>

#2