我想插入</div><div id = '2'>到我的 html 页面
这是当前代码:
<body>
<div id='1'>
<p>abc1</p>
<p>abc2</p>
</div>
</body>
这是我想要插入后的代码:
<body>
<div id='1'>
<p>abc1</p>
</div>
<div id='2'>
<p>abc2</p>
</div>
</body>
我的 JavaScript 代码是
var bodyTag = document.getElementsByTagName("body")[0];
var divTag = bodyTag.getElementsByTagName("div")[0];
var pCount = divTag.getElementsByTagName("p").length;
var str = '</div><div id = "2">';
var insert_pos = 1;
for(var i = 0 ; i < pCount; i++)
{
if(i != insert_pos)
{
s += '<p>'+ divTag .getElementsByTagName("p")[i].innerHTML + '</p>';
}
else
{
s += '<p>'+ divTag .getElementsByTagName("p")[i].innerHTML + '</p>';
s += str;
}
}
我使用javascript通过innerHTML方法插入，但它只插入<div id = '2'> , </div>未插入。
请帮助我!非常感谢!
最佳答案
试试这个:您可以使用.after()和.append()，如下所示
$(function(){
//add div2 after div1
$('#1').after('<div id="2"></div>');
//append last p to div2
$('#2').append($('#1 p:last'));
});
<强> JSFiddle Demo
关于javascript - 无法使用 javascript 或 jquery 将 '</div> <div>' 插入 html 页面中的位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28313682/