弹出式关闭按钮在Internet Explorer中不起作用？

Question

这个脚本在IE浏览器中失败，弹出窗口，但关闭按钮不工作，它在firfox和谷歌浏览器中工作正常。

#note { 
    position: relative; 
    z-index: 101; 
    top: 0; 
    left: 0; 
    right: 0; 
    background: #fde073; 
    text-align: center; 
    line-height: 2.5; 
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black; 
    -moz-box-shadow: 0 0 5px black; 
    box-shadow:   0 0 5px black; 
} 


<div id="note"> 
    You smell good. <a id="close">[close]</a> 
<script> 
close = document.getElementById("close"); 
close.addEventListener('click', function() { 
    note = document.getElementById("note"); 
    note.style.display = 'none'; 
}, false); 
</script></div> 

Answer 1

JavaScript并不是跨浏览器的支持，使用jQuery代替

$("#close").on('click', function() { 
    $("#note").hide(); 
}); 

Answer 2

变化密切变量，接近是一个事件不变量。

<script> 
divclose = document.getElementById("close"); 
divclose.addEventListener('click', function() { 
    note = document.getElementById("note"); 
    note.style.display = 'none'; 
}, false); 
</script>