无法设置未定义的属性 - 模态库 - 可能的范围问题？

Question

我正在尝试为自己构建一个模态图库，并遇到一个问题，即分配给我的模态的div没有被JS拾取。我的脚本标记位于文件的末尾，我已将div定义为变量。我认为这可能是一个范围问题，但我是一个初学者：

Arrays

单击我的一个图像时出现的错误：modaltest.js：12 Uncaught TypeError：无法设置undefined的属性'display'     在HTMLImageElement。 （modaltest.js：12）

我觉得我在这里缺少一些基本的东西，但没有其他问题我觉得很相关。

Answer 1

modal是集合元素（即使它只包含一个元素）。使用

var modal = document.querySelector("#myModal");

或使用古老的

var modal = document.getElementById('myModal');

只能找到一个元素或以

的形式访问集合的第一个元素

modal[0]