javascript - Chrome中的javascript getElementById错误

Question

我的代码在 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>

任何帮助，将不胜感激。

score 0 · Accepted Answer

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

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

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

1 回答 1