Change an element's tagName

by Barney Carroll

HTML

<wns id="e93" onclick="wish(id)">
	...
</wns>

JavaScript

// Grab the original element
var original    = document.getElementById('e93');
// Create a replacement tag of the desired type
var replacement = document.createElement('lmn');

// Grab all of the original's attributes, and pass them to the replacement
for(var i = 0, l = original.attributes.length; i < l; ++i){
	var nodeName  = original.attributes.item(i).nodeName;
	var nodeValue = original.attributes.item(i).nodeValue;

	replacement.setAttribute(nodeName, nodeValue);
}

// Persist contents
replacement.innerHTML = original.innerHTML;

// Switch!
original.parentNode.replaceChild(replacement, original);