嗨,大家好,我希望能够将div添加到我的页面,以便它们被附加在某个类的div之后,并且在它之后的div之前,即：
<div class="header">Header DIV</div> <!-- Want to add using javascript some HTML right here--> <div class="one-basic-div">...</div> <div class="one-basic-div">...</div> <div class="one-basic-div">...</div> <div class="one-basic-div">...</div>
它基本上是我希望添加的原始html – 我该怎么做.
解决方法
使用
Element.insert方法：
document.observe("dom:loaded",function() {
$$(".header").first().insert({ after: "<p>Some html</p>" });
});
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js"></script> <div class="header">Header div</div> <div class="one-basic-div">Other div</div>
