当我使用Javascript单击导航菜单链接时，如何更改页面的背景图像？

当我使用JavaScript单击导航链接时，如何更改页面的背景图像

<li><a href="#"id="bd"onclick ="one()">facial</a></li>

<script>
 function one(){
   document.getElementById('bd').style.background-image=url(eye.jpg);
   }
</script>

功能一（）{
document.getElementById（'bd'）.style.background image=url（eye.jpg）；
}

背景图像可以用更新，值应该是字符串，所以用引号括起来。

功能一（）{
document.getElementById（'bd'）.style.backgroundImage='url（eye.jpg'）；
}

背景图像可以用更新，值应该是字符串，所以用引号括起来。

功能一（）{
document.getElementById（'bd'）.style.backgroundImage='url（eye.jpg'）；
}

您可以使用背景图像设置一个类，然后使用JavaScript添加该类：

.eye {
   background-image: url(eye.jpg);
}

function one() {
   document.getElementById('bd').classList.add('eye');
}

---

这样，您还可以对图像进行任何样式设置。

您可以使用背景图像设置一个类，然后使用JavaScript添加该类：

.eye {
   background-image: url(eye.jpg);
}

function one() {
   document.getElementById('bd').classList.add('eye');
}

这样，您还可以对图像进行任何需要的样式设置