无法阅读财产＆＃39;完成＆＃39; null - 完成

Question

我希望this effect能够在我的网页上工作。

但我已经多次尝试过，每次都失败了。所以，这就是为什么我要先在本地尝试它。我复制了你在codepen.io网页上看到的所有内容，并用我的图片替换了这两个图像。此外，我将标识id="coverart"添加到img，就是这样。

但是我得到了一个错误：

if (image.complete) {

原因是：

  

无法阅读财产＆＃39;完成＆＃39;为null

但是如果我在我的控制台中键入它：

document.getElementById('coverart');

我收回了元素：

<img id="coverart" src="https://gamekeys-shop.de/wp-content/uploads/2017/01/coverart.png">

所以，它不能为空......它可能是什么原因以及如何解决？ Here you can download the little html, css and js files.

修改

如果您插入alert(image)，您将获得null。如果你替换这个

if (image.complete) {
  start();
} else {
  image.onload = start;
}

用这个

image.onload = start;

您将得到相同的空错误...为什么我得到null ...它不能为空？

Answer 1

几种可能的改进方法： 1）只需将您的javascript文件放在img标记之后。

2）或者仅在加载文档时运行代码。