如何用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();