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/。