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