Question

133

How to add html after a certain div using Prototype JS?

rated 0 times [ 135] [ 2] / answers: 1 / hits: 18981 / 14 Years ago, wed, may 5, 2010, 12:00:00

I want to be able to append divs to my page such that they are appended after a div of a certain class and before teh divs that follow it 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>

It is basically raw html I wish to add. How can I do it?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sandra

Add To Favorites

Follow

Total Points: 708

Total Questions: 100

Total Answers: 84

Location: Bosnia and Herzegovina

Member since Thu, Jun 24, 2021

3 Years ago

sandra questions

1 NestJS/TypeORM: Cannot read property 'createQueryBuilder' of undefined

Mon, Nov 16, 20, 00:00, 4 Years ago

1 How to pass an array in query parameter reactjs

Tue, Jun 30, 20, 00:00, 4 Years ago

1 Firebase popup signin popup-closed-by-user error

Sun, May 31, 20, 00:00, 4 Years ago

1 How to test a component with the < Router> tag inside of it?

Wed, May 20, 20, 00:00, 4 Years ago

1 How do I send an array with fetch? (Javascript)

Fri, May 31, 19, 00:00, 5 Years ago

View All

answered 14 Years ago bretd · Accepted Answer

Use the Element.insert method:

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>