如何用Javascript删除div元素？

Question

假设我有一个网页，我感兴趣的是id为“content”的div，即：

<div id="content"></div>

如何删除所有其他div元素，只显示我想要的div？

Answer 1

var all_div_nodes = document.querySelectorAll('div'),
    len           = all_div_nodes.length,
    current       = null;

while( len-- ) {
    current = all_div_nodes[len];
    if( current.parentNode ) {
        if( current .id !== 'content' )
            current .parentNode.removeChild( current );
    }
}

如果你能负担得起像jQuery这样的库，那就更加轻松了：

$('div').not('#content').remove();

Answer 2

如果你想删除兄弟DIV，使用jQuery，你可以写：

$("#content").siblings("div").remove();