Chrome中的javascript getElementById错误

Question

我的代码在Firefox中工作正常但在Chrome中我收到错误。它只是抓住一个元素并设置不透明度，所以我不确定我哪里出错了。

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

对于第三行代码，我收到错误“Uncaught TypeError：无法设置未定义的属性'不透明度”，我不确定问题是什么。我已经检查过以确保元素的id为'top'，并且它是唯一具有该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/。