彈出式關閉按鈕在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>