JS - Remove a tag without deleting content

Question

I am wondering if it is possible to remove a tag but leave the content in tact? For example, is it possible to remove the SPAN tag but leave SPAN\'s content there?

Answer 1

There are several ways to do it. Jquery is the most easy way:

//grab and store inner span html
var content = $('p span').html;
//"Re"set inner p html
$('p').html(content);

Javascript can do the same using element.replace. (I don't remember the regex to do the replace in one stroke, but this is the easy way)

paragraphElement.replace("", "");
paragraphElement.replace("", "");