Question

如何在JavaScreipt中的元素之前和之后添加元素（＆＃34; br标记在我的示例中＆＃34;）：

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

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

JSfiddle

Answer 1

应该是直截了当的，insertBefore在原生JS中也是可用的，所以在元素之前插入一个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);

FIDDLE

Answer 2

检查此答案

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

（JSFIDDLE HERE）

Answer 3

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

在JS之后添加元素

3 个答案: