Question

我有一些像这样的HTML

<div id='myArea'></div>
<div id='aDifferentUnrelatedArea'></div>
<a href='#' id='closeButton' class='myButton'>Close</a>

按钮有一个像这样的听众

$('#closeButton').click(function(event){
    event.preventDefault();
    var myNode = document.getElementById("myArea");
    while (myNode.firstChild) {
        myNode.removeChild(myNode.firstChild);
    }
});

我将元素添加到myArea，就像这样

document.getElementById('myArea').innerHTML = 'a title';
var newElement = document.createElement('a');
newElement.setAttribute('href', "#");
newElement.appendChild(document.createTextNode('a string'));
document.getElementById('myArea').appendChild(newElement);

在添加元素之前，Close按钮看起来很好。没有什么可以关闭，但我的悬停css应用于它，我的光标变成可点击的。在我向myArea这样添加元素之后，该按钮更像是一张图片，并且没有与之相关的点击（它不再像<a>标签，也不会执行点击事件）。

Answer 1

很抱歉有这种困惑，但感谢您帮助我找到问题所在。实际问题是我在页面底部有这个浮动页脚按钮。它似乎占据了整条线的功能（我的意思是在同一条线上的任何东西，因为按钮的行为就像一张图片）。我只是在身体的底部添加了额外的空间，所以没有任何东西与页脚在同一行。

使用javascript向div添加元素后，未触及的现有链接会停止工作吗？

1 个答案: