Javascript 在JS中添加元素之后_Javascript_Jquery

Javascript 在JS中添加元素之后

javascript jquery

Javascript 在JS中添加元素之后,javascript,jquery,Javascript,Jquery,如何在JavaScreipt中的元素前后添加元素（“我的示例中的br标记”）：换句话说，我需要以下内容的等价物，但在JavaScipt中： $('<br />').insertBefore('#id1'); $('<br />').insertAfter('#id1'); $（“”）.insertBefore（“#id1”）； $（''）。在（'#id1'）之后插入；应该是直截了当的，insertBefore在原生JS中也可用，因此在元素之前插入一个BR标记，然后

如何在JavaScreipt中的元素前后添加元素（“我的示例中的br标记”）：

换句话说，我需要以下内容的等价物，但在JavaScipt中：

$('<br />').insertBefore('#id1');
$('<br />').insertAfter('#id1');

$（“
”）.insertBefore（“#id1”）；
$（'
'）。在（'#id1'）之后插入；

应该是直截了当的，

insertBefore

在原生JS中也可用，因此在元素之前插入一个BR标记，然后获取下一个同级元素并在此之前插入一个BR，该BR也将位于目标元素之后：

var elem = document.getElementById('id1');
var br   = document.createElement('br');
elem.parentNode.insertBefore(br.cloneNode(false), elem);
elem.parentNode.insertBefore(br.cloneNode(false), elem.nextSibling);

检查这个答案

var parentGuest = document.getElementById("one");
var childGuest = document.createElement("br");
parentGuest.parentNode.insertBefore(childGuest,parentGuest);
parentGuest.parentNode.insertBefore(childGuest,parentGuest.nextSibling);

（）


咖啡茶


父亲
试试看
函数myFunction（）
{
//插入之前
var newItem1=document.createElement（“hr”）；
var parent1=document.getElementById（“a”）；
var child1=document.getElementById（“a2”）；
父项1.插入前（新项1，子项1）；
//insertAfter在Java脚本中没有insert Atfter方法
}

首先，Jquery有什么问题？我的Jquery可能没有任何问题，但我需要它在JavaScript中的等价物@user3421904这是我的谷歌查询：我敢打赌你可以解决CSS的任何问题。

<html>
<body>

<div id="a"><div id="a1">Coffee</div><div id="a2">Tea</div></div><br/><br/>
<div id="b"><div id="b1">Mother</div><div id="b2">Father</div></div>


<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
//insertBefore
var newItem1=document.createElement("hr");
var parent1=document.getElementById("a");
var child1=document.getElementById("a2");

parent1.insertBefore(newItem1,child1);

//insertAfter There is no insert Atfter Method in Java Script




}
</script>

</body>
</html>