如何使用Prototype JS在某个div之后添加html？

Question

嗨伙计们,我希望能够将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 - 我该怎么做.

Answer 1

使用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>

Answer 2

用途insert:

$$('#header').insert({ 'after' : theHTML });

这应该在带有id的div之后插入它作为兄弟header.

有一些有用的例子在这里,文档似乎缺乏,一些.