javascript中的getElementById錯誤

Question

我的代碼在firefox中正常工作，但在Chrome中出現錯誤。這只是抓住一個元素，並設置不透明度，所以我不知道我要去哪裏錯了。

var bot = document.getElementById ("bot"); 
    var top = document.getElementById ("top"); 
    top.style.opacity = 0.0; 

我得到的錯誤「遺漏的類型錯誤：無法設置的未定義的屬性‘不透明’」爲代碼的第三行，我不知道是什麼問題。我已經檢查過，以確保元素的ID是'頂部'，並且它是唯一具有該ID的元素。

這是相關的HTML代碼

<div class = "banner" id = "bot"> 
    <div class = "bannerTop" id = "top"> 
    </div> 
</div> 

任何幫助，將不勝感激。

Answer 1

更改全局變量比top其他東西的名稱，它在Chrome的工作：

http://jsfiddle.net/jfriend00/y2QQT/

這可能是因爲已經存在window.top我們一個只讀變量。

你也可以把你的代碼放到一個本地函數中，這樣你的var top不是全局變量，它應該也可以工作，如下所示：http://jsfiddle.net/jfriend00/62uYa/。