关于 a 标签 event.target 返回值的问题

通过事件委托

<div id="control">
<ul>
        <li value="edu"><span>abc</span></li>
        <li value="edu"><a href="#edu" >edu</a></li>
        <li value="experience"><a href="#experience">ex</a></li>
</ul>

<script>
    let control=document.getElementById("control");
    control.addEventListener("click",function find(eve) {
        if(eve.target.nodeName==='A') {
            let href=eve.target;
            alert(href);
</script>

如果点击第一个 li 标签 alert 的是 span 标签

但是点击 a 标签的 alert 的是一个 URL，不是 a 标签，这是为什么啊？