我是 Javascript 新手，所以如果这是一个相当愚蠢的问题，请原谅我......无论如何，我试图更改图像的来源，但每次都出现相同的错误消息“无法设置 null 的属性 'src'”出现。
这是 HTML：
<figure>
<img class="dist-pic" src="images/rock1.png" id="pic-id">
<figcaption>text</figcaption>
</figure>
在 js 文件中，我稍后需要更改变量距离以显示警报或更改图片。但是，在这个问题上花了几个小时后，我无法弄清楚错误在哪里：
var distance = 1;
if (distance == 0) {
alert('ALERT!');
} else if (distance == 1) {
var distPic = document.getElementById('pic-id');
distPic.src = 'images/rock2.png';
}
该“的空无法设置属性‘SRC’”来了的JS代码的最后一行。我已经查了很多 turorials 和东西，但我根本找不到错误。提前致谢！<3
只需将您的代码包装在 DOMContentLoaded 事件中以确保 HTML 准备就绪。
// This ensures the HTML (DOM) is ready to work with.
document.addEventListener('DOMContentLoaded', () => {
var distance = 1;
if (distance == 0) {
alert('ALERT!');
} else if (distance == 1) {
var distPic = document.getElementById('pic-id');
distPic.src = 'images/rock2.png';
}
});<figure>
<img class="dist-pic" src="images/rock1.png" id="pic-id">
<figcaption>text</figcaption>
</figure>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句