使用JS为背景网址创建常量以更改背景

Question

我有一个按钮，我希望能够通过单击按钮来更改html文件的背景，然后再次单击时再次更改回原始URL。

所以我创建了一个包含键/值的地图。第一个键将是原始背景，其值将是新背景。与第二个键/值对相反。

下面是我的代码

    const nextBackgroundImageUrl = {
        "url('../images/pexels_bg.jpeg')" : url('/images/bbyshrk.jpg'),
        "url('../images/bbyshrk.jpg')" : url('/images/pexels_bg.jpeg')
        }


function changeImg() {

    const currentBackgroundUrl = elem.style['background-url'];

    elem.style['background-url'] = nextBackgroundImageUrl[currentBackgroundUrl];

}

看来这应该有用吗？除非，控制台出现错误：

index.html:197 Uncaught ReferenceError: url is not defined

关于第二个键/值对的VALUE，url（'/ images / pexels_bg.jpeg'）

此文件肯定存在。

URL不能用作键的值吗？还是我想念其他东西。

任何建议都会有所帮助，谢谢。

Answer 1

这里的值url被认为是一个变量。将其更改为字符串

const nextBackgroundImageUrl = {
  "url('../images/pexels_bg.jpeg')": "url('/images/bbyshrk.jpg')",
  "url('../images/bbyshrk.jpg')": "url('/images/pexels_bg.jpeg')"
}