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

demo

通过本机方法操作dom

2 个答案: