如何在使用新元素替换之前移除HTML标签？

Question

我的代码：

http://codepen.io/vincentccw/pen/JhbgI

下面是我使用JavaScript：

var items = "<span class=\"brReplace\"></span>", 
spans = document.getElementsByTagName('br'); 

[].slice.call(spans).forEach(function (span) { 

    span.innerHTML = items; 
}); 

基本上我想删除一个自定义跨度默认破元素，但是，只要使用纯粹只有JavaScript 。

然而事实证明，突破要素不与我的自定义跨度

，并因此变成了这个样子更换前删除：

<br> 
    <span class=\"brReplace\"></span> 
</ br> 

Answer 1

给你http://codepen.io/anon/pen/HJkoc

只要改变

span.innerHTML = items; 

与

span.outerHTML = items; 

，改变这个

var items = "<span class=\"brReplace\"></span>" 

与

var items = '<span class="brReplace"></span>' 

Answer 2

此代码应该做的伎俩

br = document.getElementsByTagName('br'); 
for (i = br.length - 1; i >= 0; i--) { 
    br[i].parentNode.removeChild(br[i]); 
} 

例子： http://codepen.io/anon/pen/onmBs

编辑：添加像跨度的元素添加它后，它删除了孩子。