通過本地方法操縱dom

Question

我想在不使用任何庫jquery或zepto的情況下做一些事情，我已經習慣了，所以現在我在實現我的目標方面有些困難。

<div id="container">
    <div>blablabla....</div>
    <div>blablabla....</div>                     
</div>

我想刪除第一個孩子，我嘗試了很多thinsgs，經過一番搜索后，我知道解決方案可能看起來像這樣：

document.getElementById("container").removeFirstChild() 

要么

.removeChild(document.getElementById("container").firstChild)

但是我無法找到正確的解決方案，我總是會收到錯誤異常或期望的結果。 因此，預先感謝您的幫助，順便說一下，這是我對該論壇的第一次干預，可能不是最后一次:-)

Answer 1

您可以執行以下操作：

document.getElementById("container").removeChild( 
   document.getElementById("container").firstChild 
);

更新：
正如Juan Mendes指出的那樣，您可以通過保存一個變量來保存一個getElementByID()調用，如下所示：

container = document.getElementById("container");
container.removeChild( container.firstChild );

Answer 2

var elm=document.getElementById('container');
var chl=elm.firstChild;
while(chl)
{
    if(chl.nodeType==1)
    {
        elm.removeChild(chl);
        break;
    }
    chl=chl.nextSibling;
}

演示