移除id为的div中ul中li的child?

最正确:

var ul = document.getElementById('emails').getElementsByTagName('ul')[0];
var li = ul.getElementsByTagName('li')[0];
ul.removeChild(li)

1) 更正确的字符串:

var ul = document.getElementById('emails').getElementsByTagName('ul')[0];

2) 请注意,在“ul.childNodes[i]”中,i将为0表示空格,1表示 <li>email1</li> <li>

DOM节点的子节点包括文本和注释,而不仅仅是元素,因此为了确定要删除的元素位于哪个索引,需要考虑它们。在您的例子中,第一个 <li> 在 <ul> 是 1 .

“email”div的DOM如下所示:

DIV
  text( whitespace )
  UL
    text ( whitespace )
    LI 
      text (email1)
    text ( whitespace )
    LI
      text (email2)
    text ( whitespace )
  text (whitespace)

<li>

var toRemove = document.
      getElementById('emails').
      getElementsByTagName('ul')[0]. 
      getElementsByTagName('li')[0];

toRemove.parentNode.removeChild( toRemove );

<div id="emails">
<ul>
<li>email1</li>
<li>email2</li>
</ul>
</div>

<a href="#" onClick="deleteEmail()">click</a> 
<!--note that I made it so you actually invoke deleteEmail -->

我想删除第一封邮件,我一直在尝试:

function deleteEmail(){
    //I believe you meant emails =/
    var ul = document.getElementById('emails').getElementsByTagName('ul');
    ul.removeChild(ul.getElementsByTagName("li")[0]);
}

如果您将字符串“email#”转换为链接。。。像这样:

<a href="" onClick="removeElement(this.parentNode);return false">email1</a>

具有与此类似的功能。

function removeElement(childElm) {
  var parentElm = childElm.parentNode;
  parentElm.removeChild(childElm);
}

虽然你可以不用onClick来使用removeElement(),但我喜欢它的简单性。