通过 javascript 更改图像源似乎不起作用。 我究竟做错了什么？

Question

我正在尝试更改此网站的当前徽标： https://moonstrategy.io/about/ from

https://moonstrategy.io/wp-content/uploads/2022/08/Moonstrategy_logo_vector_main_light_final.svg to https://moonstrategy.io/wp-content/uploads/2022/08/Moonstrategy_logo_vector_main_final.svg

我将此代码嵌入网页中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>document.getElementByClassName(".tgp-exclude small").src="https://moonstrategy.io/wp-content/uploads/2022/08/Moonstrategy_logo_vector_main_final.svg";</script>

我也尝试过使用不同的 class 名称，虽然我很确定我尝试了所有这些名称，但我似乎找不到合适的名称，或者我完全不使用代码。

帮助将不胜感激。

Answer 1

1. 您包括 jquery，但您不使用 jquery
2. 没有getElementByClassName这样的东西，有getElementsByClassName
3. getElementsByClassName返回 NodeList 并且您只需要一个元素，请改用querySelector 。

Answer 2

这里没有错，但我认为 document.getElementsByClassName() 返回具有指定 class 名称的元素数组所以它应该类似于

document.getElementsByClassName(".tgp-excludesmall")[0].src="https://moonstrategy.io/wp-content/uploads/2022/08/Moonstrategy_logo_vector_main_final.svg";