javascript - CSS Sprite 图像类更改

Question

我正在为我网站上的许多图像使用 CSS sprites。我想将向上箭头和向下箭头实现为 Sprite 。

箭头在网站上共享一个 img 标签，我使用 javascript 换入正确的图像。

假设我要将图像中的向下箭头更改为向上箭头。在 CSS 中，向下箭头是 cssDownArrow，向上箭头是 cssUpArrow。

我选择的策略是去我去过的地方

menuArrow.src = "/website/images/upArrow.gif";

并将其更改为此(cssUpArrow 是 sprite 的 CSS 类，clear.gif 是我用于图像标签的占位符图像，其中将交换 sprite):

menuArrow.src = "/website/images/clear.gif";
menuArrow.class = "cssUpArrow";

但是，当我这样做时，它并没有显示 Sprite 中的正确图像，而是保留了之前的图像。

在某种程度上我理解为什么会这样，但不确定最佳解决方案？有什么帮助吗？谢谢!

Answer 1

您需要使用className。

menuArrow.className = "cssUpArrow";