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