怎样删除HTML的空标签，例如<span></span>

Question

何为空标签？是不是没有class="XX"的都不要？
<SPAN CLASS="XX">12345</SPAN>
<SPAN style="color:red"><span>54321</span>ddd</SPAN>
<script>
var s=document.getElementsByTagName("SPAN")
for(i=0;i<s.length;i++)if(s[i].className!="XX")s[i].outerHTML=s[i].innerText
</script>

Answer 1

用dreamwaver  效果不错.你自己觉得是垃圾代码的.就找准标签去删好了.
不过,手工是比较麻烦的.

Answer 2

请看我的代码：（测试通过）<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span><button onclick="removeASpan()">removeIt</button>
<script>
function removeASpan()
{
a=document.getElementsByTagName("SPAN");
a[0].parentNode.removeChild(a[0])
alert(a.length)
alert(document.body.innerHTML)
return false
}
</script>没click一下按钮，就删除一个<span></span>

Answer 3

你如果篇共这种方法删除垃圾代码，还不许把 这些代码 再 document.write 出来，然后再拷贝过去就行了。删除之后，代码动态的北删除掉，但你查看源代码并没变，只是内存中的变了，alert 你就可以看到内次农的东西 document.write 就可以把内存中的东西写出来。 are you OK?

Answer 4

上面的程序还可以改写为：
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span><button onclick="removeASpan()">removeIt</button>
<script>
function removeASpan()
{
a=document.getElementsByTagName("SPAN");
a[0].removeNode(true);//上面的是 a[0].parentNode.removeChild(a[0])
alert(a.length)
alert(document.body.innerHTML)
return false
}
</script>

Answer 5

不要把<td></td>删掉了