1

我想在不使用任何库 jquery 或 zepto 的情况下做某事,我已经习惯了它们,所以现在我很难实现我的目标我有这个:

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

我想删除第一个孩子,我尝试了很多东西,经过一番搜索,我知道解决方案可能如下所示:

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

或者

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

但我无法得到正确的解决方案,我总是得到错误异常或不希望的结果。所以提前感谢您的帮助,顺便说一下,这是我第一次参与这个论坛,可能不是最后一次:-)

4

2 回答 2

4

您可以执行以下操作:

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

更新:
正如胡安门德斯指出的那样,您可以getElementByID()通过保存一个变量来保存一个调用,如下所示:

container = document.getElementById("container");
container.removeChild( container.firstChild );
于 2012-12-07T19:11:54.243 回答
1
var elm=document.getElementById('container');
var chl=elm.firstChild;
while(chl)
{
    if(chl.nodeType==1)
    {
        elm.removeChild(chl);
        break;
    }
    chl=chl.nextSibling;
}

演示

于 2012-12-07T19:28:49.677 回答