gpt4 book ai didi

javascript - 无法使用 javascript 或 jquery 将 '

' 插入到 html 页面中的某个位置
转载 作者:太空宇宙 更新时间:2023-11-04 15:05:21 25 4
gpt4 key购买 nike

我要插入 </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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com