HTML如何删除标签但不删除内容

Question

如何使用 javascript html 标签（例如 span）删除但不删除内容和内容中的 html 标签？一个例子：

<div id="content">
    <span id=1 class="note" >
        <p>   <span id=1 class="note" >hello! its one example  </span> </p>
        <li>  <span id=1 class="note" >yes,one example  </span> </li>
    </span> 
</div>

结果应该是：

<div id="content">
    <p> hello! its one example</p><li>yes,one example</li>
</div>

Answer 1

由于您没有提到您需要 JQuery，因此以下是我建议的代码：

http://jsfiddle.net/9qgK7/

相关代码：

span.outerHTML = span.innerHTML;

参考：https://developer.mozilla.org/en-US/docs/DOM/element.outerHTML
PS：Firefox 从 v11 开始支持outerHTML，但我们已经在使用 v15 :)