JS示例20-如何读取父节点parentNode

<!DOCTYPE >
<html>

    <head>
        <title></title>
        <meta charset="utf-8">
        <script>
            window.onload = function() {
                var aTags = document.getElementsByTagName('a');
                for(var i = 0; i < aTags.length; i++) {
                    aTags[i].onclick = function() {
                        this.parentNode.style.display = 'none';
                    };
                }
            }
        </script>
    </head>

    <body>
        <ul id="ul1">
            <li>li是a的父元素
                <a href="javascript:;">点击隐藏</a>
            </li>
            <li>li是a的父元素
                <a href="javascript:;">点击隐藏</a>
            </li>
            <li>li是a的父元素
                <a href="javascript:;">点击隐藏</a>
            </li>
            <li>li是a的父元素
                <a href="javascript:;">点击隐藏</a>
            </li>
            <li>li是a的父元素
                <a href="javascript:;">点击隐藏</a>
            </li>
        </ul>
    </body>

</html>