HTML中超链接跳转出差

在HTML中我没有在A区插入超链接,
但点击A区却跳转到了B区的超链接,
且整个页面都不能选中文字,鼠标呈现不了光标状
可以问问是怎么回事吗

留言
</head>

<body>

    <div class="header">
        <img src="img/head.jpg" width="100%" height="180" />
    </div>


    <div class="nav">
        <div class="nn">
            <div class="nv-div"><a style="color:inherit" href="index.html" >首页</a></div>
            <div class="nv-div"><a style="color:inherit" href="introduce.html">特色景点</a></div>
            <div class="nv-div"><a style="color:inherit" href="custom.html">民俗文化</div>
            <div class="nv-div"><a style="color:inherit" href="registration.html">注册登入</div>
            <div class="nv-div"><a style="color:inherit" href="blog.html">留言</div>
        </div>
    </div>

    <div id="box">
        <textarea id='speak' value=""></textarea>
        <input type="button" value="发布" />
        <ul id='lyb'>

        </ul>
    </div>
    
    <div class="quick">
        <div class="center">
            <h3>快捷入口</h3>
            <span>Quick entrance</span>
        </div>
    
        <div class="dd">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="introduce.html">特色景点</a></li>
                <li><a href="custom.html">民俗文化</a></li>
                <li><a href="registration.html">注册登入</a></li>
                <li><a href="blog.html">留言</a></li>
    
            </ul>
        </div>
    </div>
    
    
    <div class="footer">
        <div class="copyright">
            版权所有:
        </div>
    
    </div>
    <script>
        var speak = document.getElementById('speak');
        var lyb = document.getElementById('lyb');
        var btn01 = document.getElementsByTagName('input')[0];
        btn01.onclick = function() {
            var li = document.createElement('li');
            li.innerHTML = speak.value + '<a href="javascript:;">删除</a>';
            if (speak.value == '') {
                alert('内容为空');
            } else {
                lyb.insertBefore(li, lyb.firstChild);
            }

            var alla = lyb.getElementsByTagName('a');
            for (var i = 0; i < alla.length; i++) {
                alla[i].onclick = function() {
                    lyb.removeChild(this.parentNode);
                }
            }
        }
    </script>
</body>

那你看看 点击 a干了什么 看看是不是 执行了window.local.href 的类似操作

贴代码吧 应该是标签用错了 多了一层把AB区覆盖成了一整个

这个影响到了?

img