首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

兑现jquery的after

2013-08-04 
实现jquery的afterdivinput typeradio ida/input typeradio idb//div不用任何js框架写,实

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

热点排行