当前位置: 代码迷 >> JavaScript >> 兑现jquery的after
  详细解决方案

兑现jquery的after

热度:203   发布时间:2013-08-04 18:26:16.0
实现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);
  相关解决方案