Javascript 通过本机方法操作dom

Javascript 通过本机方法操作dom,javascript,dom,Javascript,Dom,我想在不使用任何库jquery或zepto的情况下做一些事情,我已经习惯了这些库,所以现在我有点难以实现我的目标: <div id="container"> <div>blablabla....</div> <div>blablabla....</div> </div> 或 但我不能得到正确的解决方案,我总是得到错误的例外或不希望的结果。 因此,提前感谢您的帮助,顺

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

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

但我不能得到正确的解决方案,我总是得到错误的例外或不希望的结果。
因此,提前感谢您的帮助,顺便说一句,这是我在本论坛上的第一次发言,可能不是最后一次:-

您可以做如下操作:

document.getElementById("container").removeChild( 
   document.getElementById("container").firstChild 
);
更新: 正如Juan Mendes指出的,您可以通过保存在变量中来保存一个getElementByID调用,如下所示:

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

你可以这样做:

document.getElementById("container").removeChild( 
   document.getElementById("container").firstChild 
);
更新: 正如Juan Mendes指出的,您可以通过保存在变量中来保存一个getElementByID调用,如下所示:

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

为了学术目的,对吗?学术目的是很好的目的:-为什么你下定决心写这段代码而不使用库?第一个子元素还是第一个子元素?你真的什么都没做吗。removeChild?在JS中,a.b是对对象a上的属性/函数/方法b的引用;您必须始终指定要在中查找属性的对象。出于学术目的,对吗?学术目的是很好的目的:-为什么你下定决心写这段代码而不使用库?第一个子元素还是第一个子元素?你真的什么都没做吗。removeChild?在JS中,a.b是对对象a上的属性/函数/方法b的引用;您必须始终指定要在中查找属性的对象。为了可读性,我会避免多次调用document.getElementByIdcontainer、@JuanMendes吗?我猜getElementById相当快。是的,getElementById相当快,但我认为这样可读性也更高。谢谢你的建议,但是没有一个方法有效,或者可能是我没有正确使用它们,但是当我在代码中应用此方法时,当我使用web inspector检查html dom时,所有节点仍然存在,即使没有性能方面的好处,对meI来说,它看起来更洁净,可以避免多次调用document.getElementByIdcontainer、@JuanMendes以提高可读性吗?我猜getElementById相当快。是的,getElementById相当快,但我认为这样可读性也更高。谢谢你的建议,但是没有一个方法有效,或者可能是我没有正确使用它们,但是当我在代码中应用此方法时,当我使用web inspector检查html dom时,所有节点仍然存在,即使没有性能方面的好处,它看起来也更符合犹太教教义:无错误和跨浏览器问题:
var elm=document.getElementById('container');
var chl=elm.firstChild;
while(chl)
{
    if(chl.nodeType==1)
    {
        elm.removeChild(chl);
        break;
    }
    chl=chl.nextSibling;
}