木子屋 Dnawo's BLOG

在DOM对象后面插入一个同级对象

👤 dnawo 📅 2008-10-29 👁 5288 👍 0 💬 0 🔄 来源:本站原创
如果要在某个DOM对象前面插入一个同级对象,我们可以使用insertBefore方法,但奇怪的却是没有一个方法能直接在DOM对象后台插入一个同级对象,变通一下还是有办法的:

HTML
<div id="mydiv">mydiv</div>

<script>
var o = document.getElementById("mydiv");

var o1 = document.createElement("a");
o1.href = "#";
o1.innerHTML = "aa";

var o2 = document.createElement("a");
o2.href = "#";
o2.innerHTML = "bb";

var o3 = document.createElement("a");
o3.href = "#";
o3.innerHTML = "cc";

document.body.insertBefore(o1,o);
document.body.insertBefore(o2,o.nextSibling);
document.body.replaceChild(o3,o);
</script>

评论(0)

暂无评论。

验证码
评论需审核通过后显示
← 上一篇 在不改变原函数前提下对函数进行扩展 下一篇 → js处理页面上符合某一特征的所有链接