如何使用JavaScript/jQuery用文本替换元素？

Question

假设我有这个:

<span id="foo">bar</span>

我想用这个替换它:

bar

换句话说,我想从DOM中删除span,并将其内容插入其位置.

我怎样才能实现这一点,尽可能使用代码？我想使用纯JavaScript,但jQuery也很好.

谢谢.

Answer 1

.replaceWith...

$( "#foo" ).replaceWith( "bar" );

jQuery：文档»

Answer 2

使用textNode的普通JS:

var span = document.getElementById("foo");
span.parentNode.replaceChild(document.createTextNode("bar"), span);