Question

js如何在指定id的div后面（注意是后面，不是里面啊！）插入一个新的div

js如何在指定id的div后面（注意是后面，不是里面啊！）插入一个div。比如
<div id="1" style="border:1px solid red;height:100px;width:100px">123</div>
<div id="2" style="border:1px solid red;height:100px;width:100px">456</div>
<input type="text" />
<button>增加</button>
我在一个输入框里面输入“1”，然后点击button，调用js定义的function，就在id=“1”的div后面添加一个div，那么就有三个div了，而不是嵌套在第一个div里面啊！！！这个function要怎么定义？

Answer 1

<input type="button" value="插入元素" id="btn1"/><br />
<div id="div1"> 
    <div id="1">1</div> 
    <div id="2">2</div> 
    <div id="3">3</div> 
</div> 
<script type="text/javascript">
window.onload = function () { 
	var btn = document.getElementById("btn1"); 
	btn.onclick = function() { 
		insertEle(); 
	} 
}
function insertEle() { 
	var oTest = document.getElementById("div1");
	var newNode = document.createElement("div");
	var reforeNode = document.getElementById("2");
	oTest.insertBefore(newNode,reforeNode.nextSibling);
}
</script>

Answer 2

$('#id').after('<div>这一行不就搞定了么</div>')

Answer 3

最好在最外层套一个div 这样比较好实现，或者获取他的父节点，Jquery有的，很简单

Answer 4

var div=document.getElementById("1");
var ndiv=document.createElement("div");
ndiv.innerHTML="new Div";
if(div.nextSibling){
div.parentNode.insertBefore(ndiv,div.nextSibling);

}else{
div.parentNode.appendChild(ndiv);
}

Answer 5

function insertAfter(newElement,targetElement){
var parent=targetElement.parentNode;
if(parent.lastChild== targetElement){
parent.appendChild(newElement);
}else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}