js点击获取li中a表签的值

  <ul id="parent">
                    <li><a>Tree</a>             
                        <ul>
                           <li><a href="#" >7777777777777</a></li>
                            <li><a href="#">2222222222</a></li>
                            <li><a href="#">333333333</a></li>
                            <li><a href="#">4444444444</a></li>
                        </ul>
                    </li>
                </ul>

点击第一个li是获取所有a标签的值，下面的获取单个的值和第一个的值，怎么做，我现在之能获取单个值不知道怎么判断第一个点击的是Tree获取所有的值

怎么不用jq。在第一个li设置个id为tree $("#tree a ")获取所以tree下所以得a。想得到每个可以用each

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <ul id="parent">
        <li>
            <a>Tree</a>
            <ul id="child">
                <li>
                    <a href="#">7777777777777</a>
                </li>
                <li>
                    <a href="#">2222222222</a>
                </li>
                <li>
                    <a href="#">333333333</a>
                </li>
                <li>
                    <a href="#">4444444444</a>
                </li>
            </ul>
        </li>
    </ul>
    <script>
        function filterSpace(parent) {
            var nodes = parent.childNodes;
            for(var i = 0; i < nodes.length; i++) {
                if(nodes[i].nodeType == 3) {
                    nodes[i].parentNode.removeChild(nodes[i])
                }
            }
            return nodes;
        }
        var ul1 = document.getElementById("parent");
        var ul2 = document.getElementById("child");
        //去除空白字符
        filterSpace(ul1);
        filterSpace(ul2);
        console.log(ul1.childNodes.length);
        console.log(ul2.childNodes.length);

        ul1.onclick = function() {
            /*console.log(ul1.childNodes[0].childNodes[1].firstChild.nodeValue);
            for(var i = 0; i < 4; i++) {
                console.log(ul2.childNodes[i].childNodes[1].firstChild.nodeValue);
            }*/
            alert(ul1.childNodes[0].childNodes[1].firstChild.nodeValue);
            for(var i = 0; i < 4; i++) {
                alert(ul2.childNodes[i].childNodes[1].firstChild.nodeValue);
            }
        };
    </script>
</body>

在js后面加上 id值或者 . first（）