(Javascript) Inserting elements dynamically in a specific position

Question

Basically what I have is this:

<body>
 <div class="class1">
 </div>
 <div class="class2">
 </div>
 <div class="class3">
 </div>
...
</body>

I have no idea why the site creator used classes instead of IDs (they're unique), but it doesn't really matter as I'm writing a GM script and so getElementsByClassName('')[0] effectively does the same thing.

How can I insert an element between the first and second div?

Russ Cam · Accepted Answer · 2009-08-10 10:06:02Z

2

Create your own insertAfter function

answered Aug 10, 2009 at 10:06

Russ Cam

126k34 gold badges211 silver badges275 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Russ Cam Over a year ago

no problem :) Take a look at my answer for some tips on writing your own cross-browser DOM traversal functions - stackoverflow.com/questions/920478/…

Mala Over a year ago

I ended up using insertBefore instead... seemed easier. Thanks for the link!

Posto · Accepted Answer · 2009-08-10 10:08:20Z

1

you can use JQuery it very simple

$(".class1").after( document.createTextNode("Hello") );

answered Aug 10, 2009 at 10:08

Posto

7,5908 gold badges48 silver badges63 bronze badges

2 Comments

Mala Over a year ago

Using jQuery in a greasemonkey script is somewhat over the top, don't you think? ;)

Posto Over a year ago

No I did not think so, I just suggest you a option to your problem. Out of curiosity:It definitely does not deserves a -1 score.

Collectives™ on Stack Overflow

(Javascript) Inserting elements dynamically in a specific position

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related