0

我的代码在 Firefox 中运行良好,但在 Chrome 中出现错误。它只是抓取一个元素并设置不透明度,所以我不确定我哪里出错了。

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

我收到第三行代码的错误“Uncaught TypeError: Cannot set property 'opacity' of undefined”,我不确定问题是什么。我已经检查以确保元素的 id 是“top”,并且它是唯一具有该 id 的元素。

这是相关的html代码

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

任何帮助,将不胜感激。

4

1 回答 1

0

将全局变量的名称更改为其他名称,top它可以在 Chrome 中使用:

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

这很可能是因为window.top我们是一个已经存在的只读变量。

您还可以将代码放入本地函数中,这样您的 vartop就不是全局变量,它也应该可以工作,如下所示:http: //jsfiddle.net/jfriend00/62uYa/

于 2012-08-06T03:53:32.393 回答