Как добавить html после определенного div с помощью прототипа JS?

Привет, ребята, я хочу иметь возможность добавлять divs на мою страницу, чтобы они были добавлены после div определенного класса и до тех divs, которые следуют за ним i.e:

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

его в основном raw html я хочу добавить-как я могу это сделать.

6
html javascript prototypejs

2 ответов

использовать 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>
20

использовать insert:

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

Это должно вставить его как брата после div с id header.

есть несколько полезных примеров здесь, документация, похоже, несколько отсутствует.

7