javascript - 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 :)