YUI2-如何在没有内容的情况下删除一些html元素？

Question

如何在没有内容的情况下删除一些html元素？（YUI2）

简单示例 - 删除没有内容的 span.exclass 元素+插入空格以保持单词分开：

输入

<br/>&nbsp;<span class="just"></span>
<div>&nbsp;
textetxt <span class="exclass">texttetx</span>texttext
</div>&nbsp;
<br/>
<p>&nbsp;<span class="just"></span>
textetxt <span class="exclass">texttetx</span>texttext
</p>&nbsp;

输出：

<br/>&nbsp;<span class="just"></span>
<div>&nbsp;
textetxt texttetx texttext
</div>&nbsp;
<br/>
<p>&nbsp;<span class="just"></span>
textetxt texttetx texttext
</p>&nbsp;

在Jquery中，如果我没有错，应该是 - 但在yui2中我不知道：

$('span.exclass').each(function(){
  $(this).replaceWith($(this).text());
});

谢谢， 约瑟夫

Answer 1

var elems = YAHOO.util.Dom.getElementsByClassName('exclass', 'span');
for (var el, i = elems.length; i-- && (el = elems[i]);) {
  el.parentNode.replaceChild(document.createTextNode(el.innerHTML + ' '), el);
}​