js 根据ID或者Class在指定位置添加div

<div id="mainDiv">
<div id="new">
if本div存在 覆盖原来的内容；if本div不存在 重新添加一个本div
</div>
<div id="Div1" class="Class1">
在本div之前插入一个div
</div>
</div>

var newDiv = document.createElement("div");
newDiv.className = "new";
newDiv.id = "new";
newDiv.innerHTML = "some thing";

var oldDiv = document.getElementById("mainDiv");
var ooDiv = document.getElementById("Div1");
var ooClass = oldDiv.getElementsByClassName("Class1");

if (ooClass.length > 0) {//new div已存在
ooDiv.innerHTML = "sth new context";
ooClass[0].innerHTML = "sth new context";
} else {//new div不存在
//在 mainDiv 中 ID 或 Class 为 new 的div之前插入一个div
oldDiv.insertBefore(newDiv, ooClass[0]);
oldDiv.insertBefore(newDiv, ooDiv);
}

参考 http://blog.unvs.cn/archives/js-insertbefore-add-div.html