Comments on: When innerHTML isn’t Fast Enough

By: cymbaltaw

cymbaltaw — Thu, 09 Feb 2012 10:18:35 +0000

[b]Buy/Order Duloxetine Saturday Delivery [/b] [u]cymbalta dosage use [/u] [i]Today life gives you a chance to boost your sexual performance and take care of your health. [/i]

By: Julien Kronegg

Julien Kronegg — Thu, 26 Jan 2012 12:39:49 +0000

Replacing the element may cause some problems since existing javascript objects may refer to the replaced object. This will cause two kind of problems because the old and new elements will be referenced: 1) incoherence 2) memory leak. I prefer "The Big Dump Developer" solution which avoids the incoherence and memory leak.

By: tigres uanl y la mejor aficion del futbol mexicano

tigres uanl y la mejor aficion del futbol mexicano — Sat, 05 Nov 2011 03:59:22 +0000

What i do not realize is in reality how you’re now not actually a lot more well-appreciated than you might be right now. You are so intelligent. You understand therefore significantly in terms of this topic, made me in my view imagine it from a lot of varied angles. Its like men and women aren’t interested unless it is something to accomplish with Girl gaga! Your own stuffs excellent. Always take care of it up!

By: 10 jQuery HTML Plugins | jQuery4u

10 jQuery HTML Plugins | jQuery4u — Mon, 05 Sep 2011 21:01:44 +0000

[...] This plug-in is a simple port based on Steven Levithan’s replaceHtml function, designed to speed up the native innerHTML Javascript assignment property and as a replacement for jQuery’s html() function. Source [...]

By: Dan Beam

Dan Beam — Fri, 25 Mar 2011 20:42:58 +0000

By the way, this would be *even faster* if you simply assign the function once based on the conditional compilation being present or not, like so:

// for everybody except IE
function replaceHtml(el, html) {
var oldEl = typeof el === “string” ? document.getElementById(el) : el;
var newEl = oldEl.cloneNode(false);
newEl.innerHTML = html;
oldEl.parentNode.replaceChild(newEl, oldEl);
/* Since we just removed the old element from the DOM, return a reference
to the new element, which can be used to restore variable references. */
return newEl;
};

// Pure innerHTML is slightly faster in IE, so change the function
/*@cc_on
function replaceHtml(el, html) {
var oldEl = typeof el === “string” ? document.getElementById(el) : el;
oldEl.innerHTML = html;
return oldEl;
}
@*/

https://gist.github.com/887592 (in case my text is messed up)