Posted By

1man on 02/03/07

Tagged

DOM
function

Versions (?)

Last Edited at 02/03/07 03:03pm

Statistics

Viewed 2900 times

Favorited by 3 user(s)

Related snippets

insertAfter function for the DOM

/ Published in: JavaScript

Vert useful function since there isn't an insertAfter function in the DOM. Call it inside scripts, it expects
insertAfter(*the new element to be inserted*, *the element you want it to be inserted after*);

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

//create function, it expects 2 values.
function insertAfter(newElement,targetElement) {
	//target is what you want it to go after. Look for this elements parent.
	var parent = targetElement.parentNode;
 
	//if the parents lastchild is the targetElement...
	if(parent.lastchild == targetElement) {
		//add the newElement after the target element.
		parent.appendChild(newElement);
		} else {
		// else the target has siblings, insert the new element between the target and it's next sibling.
		parent.insertBefore(newElement, targetElement.nextSibling);
		}
}