实现jquery的after

Question

<div>
<input type=radio id="a"/>
<input type=radio id="b"/>
</div>不用任何js框架写，实现jquery的after的效果$("#a").after("a");
$("#b").after("b");

Answer 1

<div>
<input type=radio id="a"/>
<input type=radio id="b"/>
</div>    <script type="text/javascript">
var node=document.createTextNode("a"),input=document.getElementById('a'),div=input.parentNode;
div.appendChild(node)
div.insertBefore(input,node)node=document.createTextNode("b")
input=document.getElementById('b')
div.appendChild(node)
div.insertBefore(input,node)</script>

Answer 2

这样也行。。通过nextSibling来做参考<div>
<input type=radio id="a"/>
<input type=radio id="b"/></div>    <script type="text/javascript">
var node=document.createTextNode("a"),input=document.getElementById('a'),div=input.parentNode;
div.insertBefore(node,input.nextSibling)node=document.createTextNode("b")
input=document.getElementById('b')
div.insertBefore(node,input.nextSibling)</script>

Answer 3

 var a=document.createTextNode("a")
 var b=document.createTextNode("b")
 document.getElementById("a").parentNode.insertBefore(a, document.getElementById("a").nextSibling);
 document.getElementById("b").parentNode.insertBefore(b, document.getElementById("b").nextSibling);