在使用javascript将元素添加到div后，未修改的现有链接会停止工作吗？

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>标记那样，也不发生click事件）。

Answer 1

很抱歉造成您的困惑，但感谢您帮助我发现问题。 实际的问题是我在页面底部有一个浮动的页脚按钮。 它似乎占据了整个生产线的功能（我的意思是，与按钮在同一行上的任何东西都将像图片一样表现）。 我只是在底部增加了额外的空间，所以没有任何内容与页脚在同一行。