removeChild auf einem li innerhalb eines ul innerhalb eines div mit einer id?

Question

Ich habe den folgenden Code auf einer Webseite:

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

<a href="#" onClick="deleteEmail()">click</a>

und ich möchte die erste E-Mail entfernen, das habe ich schon versucht:

function deleteEmail(){
    var ul = document.getElementById('emails').getElementsByTagName('ul');
    ul.removeChild(ul.childNodes[0]);
}

im kinda neu zu Javascript DOM, also wenn es einen besseren Weg, es zu tun, bitte lassen Sie mich wissen.

Hinweis: Ich möchte dies ohne jegliche Art von js-Framework tun.