html页面清空标签里的内容

一、背景

由于页面展示东西太多，而且可能相似的内容太多，肉眼一眼分清有点小难度，所以为了更好的展示需要看到的内容，我们要清理标签中的内容

二、举例

清除内容

function clearWindow(){

$("#show").empty();

}

以上是一个比较好的清除标签内容的方法，是由jquery的empty()方法实现的。当然还有其他的方法，如下：

1.原生js实现

document.getElementById('show').innerHTML = '';

2.jquery实现

方法一

$('#show').html('');

方法二

$('#show').empty();

但jquery的两种方式有区别：

方法一(’#show’).html(’’);会造成内存泄漏，它只清空该对象的内部元素，但是不会清除注册在内部元素上的事件。如果id=show的code标签上还注册有其它事件，那些事件代码也要占用内存。你使用$(’#show’).html(’’);来清空标签的内容，当然也可以清空内容，但是注册在这些code标签上的事件代码并没有被清理掉，这些事件代码仍然保留在内存里，并且无法得到释放。

而方法二(’#show’).empty();会清空内容和注册在该标签上的事件，因此这样就防止内存泄露。

Top
×