我一直在尝试使用以下代码来更改图像的 src

document.getElementById('test').src='images/test2.png';

我的代码如下所示。其中有一些 CSS 和其他内容，但重要的部分是 div、img 和函数。

<div id='splashScreen' class='splash'>
  <button class='bigButton' onclick='introSplash()'>Hi</button>
  <img class='splashImages' src='images/splashScreen1.png'>
</div>

这是我的图像，其顶部有一个页面大小的透明按钮

<script>
function introSplash() {
    document.getElementById('splashImages').src='images/splashScreen2.png';
  }
</script>

此函数应替换按钮下方的图像。

使用此代码按下按钮会返回以下错误消息：

未捕获的 TypeError：无法在 introSplash 中设置 null 的属性“src”

所有图像均已本地保存并以这些名称存在

我不确定为什么会发生这种情况，并希望得到任何帮助。