读书人

兑现jquery的after

发布时间: 2013-08-04 18:26:16 作者: rapoo

实现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);

读书人网 >JavaScript

热点推荐