从javascript

Question

在我的HTML中，我有：

<img id="imgClickAndChange" class="myImgClass" (click)="replaceImage()"/>

在我的CSS中，我的myImgClass内部有以下内容：

background-image: url(images/myImg.svg);

它工作正常。显示图像myImg.svg。

CSS，images文件夹和HTML文件都在同一文件夹中。

函数“ replaceImage”具有以下功能：

replaceImage{
  const image = document.getElementById('imgClickAndChange');
  image.style.backgroundImage = 'url(images/myAnotherImg.svg)';
}

所以，我的主要目的是更改点击时的图像。

但是，这不起作用。找不到图片“ myAnotherImg.svg”，尽管它与第一张图片位于同一位置。

错误：

  

http://localhost:4200/images/myAnotherImg.svg 404（未找到）

为什么会这样？