javascript - ネイティブメソッドによる dom の操作

Question

ライブラリjquery、またはzeptoを使用せずに何かをしたいのですが、私はそれらに慣れていたので、今は私の目標を実現するのが少し難しいです。

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

そして、最初の子を削除したいと思います。多くのことを試しました。いくつかの検索の後、解決策は次のようになることがわかりました。

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

また

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

しかし、私は正しい解決策を得ることができません。常にエラー例外が発生するか、結果が望まれません。これがこのフォーラムへの私の最初の介入であり、最後ではないかもしれません:-)

Answer 1

次のように実行できます。

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

更新:
Juan Mendes が指摘しているgetElementByID()ように、次のように変数に保存することで 1 つの呼び出しを保存できます。

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;
}

デモ