如何在使用新元素替換之前移除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

編輯：添加像跨度的元素添加它後，它刪除了孩子。