OuterHTML for the Masses

September 15th, 2008

// add the outerHTML setter/getter to browsers that don't support it
if(!document.documentElement.outerHTML) {
	HTMLElement.prototype.__defineGetter__('outerHTML', function() {
		var wrapper = document.createElement(this.parentNode.tagName);
		wrapper.appendChild(this.cloneNode(true)); // thanks Cristi
		return wrapper.innerHTML;
	});
	HTMLElement.prototype.__defineSetter__('outerHTML', function(value) {
		Element.replace(this, value); // requires prototype (http://prototypejs.org)
		// note: this is actually slightly different than browsers' built-in outerHTML
		//	in that it will eval script tags (a product of using replace)
	});
}