日期:2014-05-16  浏览次数:20428 次

实现jquery的after

<div>
<input type=radio id="a"/>
<input type=radio id="b"/>
</div>

不用任何js框架写,实现jquery的after的效果

$("#a").after("a");
$("#b").after("b");

------解决方案--------------------
<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>

------解决方案--------------------
 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);