javascript - 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);
}​

​</p>