Helpful Information

Category: DOM and JSON scripting

Equivalent of insertAdjacentHTML in NS6?

Does anyone know the equivalent of insertAdjacentHTML in NS6? I'm hoping this will work in early versions of NS6 as well.

Thanks,

As far as I know there is none. I looked at the Geck DOM Reference Index, and the only function that resembled it (barely) is insertBefore() (http://www.mozilla.org/docs/dom/domref/dom_el_ref47.html#1019733).

IMO, you should just stick to creating elements dynamically and appending them to an element.

Hope that helps!

Happy coding! :)

Think about what this requires:

1. Parsing a string into a DocumentFragment
2. Selectively inserting the DocumentFragment

For #1, Gecko provides 2 methods:

document.createRange().createContextualFragment('xml string');

And:

(new DOMParser()).parseFromString('xml string', 'text/xml')

The former is supported since very old Gecko builds though, so we'll use that. (Though in my trunk build from 6 days ago, it returns an error).

From that, you can use insertBefore() to insert the DocumentFragment.

Now, say the target element is target in Javascript.

To do a "beforeBegin":

target.parentNode.insertBefore(theDocFrag, target);

To do a "afterBegin":

target.insertBefore(theDocFrag, target.firstChild);

To do a "beforeEnd":

target.appendChild(theDocFrag);

And to do a "afterEnd":

target.parentNode.insertBefore(theDocFrag, target.nextSibling);

With all that in mind, you can through it all in one big HTMLElement.prototype function:

HTMLElement.prototype.insertAdjacentHTML = function(where, htmlstr) {
var docFrag = document.createRange().createContextualFragment(htmlstr);
switch (where) {
case 'beforeBegin':
this.parentNode.insertBefore(docFrag, this);
break;
case 'afterBegin':
this.insertBefore(docFrag, this.firstChild);
break;
case 'beforeEnd':
this.appendChild(docFrag);
break;
case 'afterEnd':
this.parentNode.insertBefore(docFrag, this.nextSibling);
break;
}
}

If I understand the MSDN docs correctly, that should work.