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>