Javascript 在菜单按钮上切换徽标图像单击

我想在单击菜单按钮时更改徽标的颜色，以匹配叠加的样式

目前，我已经能够将其从黑色徽标更改为白色徽标。但是，当您尝试关闭菜单时，它不会变回黑色徽标，即使我的js函数应该处理切换

感谢您的帮助

功能菜单按钮（x）{
x、 切换（“更改”）；
}
函数toggleNav（）{
var x=document.getElementById（“myNav”）；
如果（x.style.height==“100%”）{
x、 style.height=“0%”；
}否则{
x、 style.height=“100%”；
}
}
函数更改img（）{
var logo=document.getElementById（“logo”）；
如果（logo.src==“/images/1x/White.png”）{
logo.src=“/images/1x/Asset 1.png”；
}否则{
logo.src=“/images/1x/White.png”；
}
}

/*全局*/
怀特先生{
颜色：#fff
}
html，
身体{
保证金：0；
填充：0；
/*背景色：暗灰色*/
}
/*标题*/
标题{
宽度：100%；
最小高度：80px；
填充：0；
背景色：白色；
颜色：黑色；
位置：固定；
边际：0px；
/*边框底部：5px纯黑*/
/*z指数：2*/
}
.集装箱{
宽度：80%；
保证金：自动；
溢出：隐藏；
}
标题。标志{
浮动：左；
利润上限：4倍；
位置：相对位置；
z指数：2；
过渡：0.5s；
}
标题.菜单{
浮动：对；
边缘顶部：25px；
光标：指针；
位置：相对位置；
z指数：2；
}
/*标题h1{
利润率：21.5px0px 0px 0px；
填充：0；
文本对齐：居中；
字体系列：“Raleway”，无衬线；
字体大小：30px；
}
标题a：链接，标题a：已访问{
颜色：黑色；
文字装饰：无；
} */
.bar1，
.bar2，
.bar3{
背景色：黑色；
宽度：35px；
高度：5px；
边缘底部：6px；
过渡：0.4s；
}
.找零{
-webkit变换：旋转（-45度）平移（-9px，6px）；
变换：旋转（-45度）平移（-9px，6px）；
背景色：白色；
}
.找零{
不透明度：0；
}
.找零{
-webkit变换：旋转（45度）平移（-8px，-8px）；
变换：旋转（45度）平移（-8px，-8px）；
背景色：白色；
}
/*航行*/
.覆盖{
宽度：100%；
身高：0；
位置：固定；
左：0；
排名：0；
背景色：rgba（0,0,0,0.9）；
z指数：0；
过渡：0.5s；
溢出：隐藏；
}
.过多内容{
位置：相对位置；
文本对齐：居中；
最高：25%；
身高：100%；
边缘顶部：30px；
字体系列：“Raleway”，无衬线；
}
.覆盖{
填充：8px；
文字装饰：无；
字体大小：36px；
颜色：白烟；
显示：块；
过渡：0.3s；
}
.a:悬停，
a:主动的{
颜色：暗灰色；
}

JS:

您的下一行中有一个小错误：

logo.src = "/images/1x/Asset 1.png";

始终确保任何文件名或资源的名称中没有空格。您可以使用下划线Asset_1.png并保存图像。稍后，将其用作

logo.src = "/images/1x/Asset_1.png";

---

如果在html或css中的其他地方使用，也要更改名称。

您的下一行中有一个小错误：

logo.src = "/images/1x/Asset 1.png";

始终确保任何文件名或资源的名称中没有空格。您可以使用下划线Asset_1.png并保存图像。稍后，将其用作

logo.src = "/images/1x/Asset_1.png";

---

如果在html或css中的其他地方使用，也要更改名称。

必须使用图像到图像源的绝对路径

在

changeImg

功能中，只需将

if

条件更改为：

if (logo.getAttribute('src') === '/images/1x/White.png')

---

它会工作。

您必须使用图像到图像源的绝对路径

在

changeImg

功能中，只需将

if

条件更改为：

if (logo.getAttribute('src') === '/images/1x/White.png')

---

它会起作用的。

你好，杰登·布尔。确保您的

路径（相对或绝对）正确。只要尝试一下
/images/1x/Asset 1.png
。嗨，杰登·布尔。确保您的
路径（相对或绝对）正确。只要尝试一下
/images/1x/Asset 1.png
。谢谢Suhas，这很有效！你能帮我弄清楚这是怎么回事吗？以及何时使用logo.getAttribute（'src'）与仅使用logo.src？@JadonBull当您需要根目录中的文件位置时，请使用
.src
；当您需要使用当前工作目录中的路径时，请使用
.getAttribute（）
。谢谢Suhas，这已经成功了！你能帮我弄清楚这是怎么回事吗？以及何时使用logo.getAttribute（'src'）与仅使用logo.src？@JadonBull当您需要根目录中的文件位置时，请使用
.src
；当您需要使用当前工作目录中的路径时，请使用
.getAttribute（）
。