javascript - 访问 .innerHTML 中的不同对象问题-6ren

javascript - 访问 .innerHTML 中的不同对象问题

转载作者：行者123 更新时间：2023-11-28 08:32:44

25

4

我当前正在尝试使用 .innerHTML 命令从另一个对象访问该对象来更改该对象，这是我尝试使用的代码:

<!DOCTYPE html>
<div>
    <img id="ALogo" src="images/picture1" onMouseOver="logoChange1" onMouseOut="logoChange2"/>
</div>

</html>
<script>
var logo = document.getElementById("ALogo");

function logoChange1() {
logo.innerHTML = "src='images/picture1' 
};

 function logoChange2() {
logo.innerHTML = "src='images/picture2' 
};
</script>

不幸的是，实际图像不会改变，还有其他方法吗？还是我做错了什么？

最佳答案

你为什么不这样做:

function logoChange1() {
    logo.setAttribute("src", "images/picture1");
};

function logoChange2() {
    logo.setAttribute("src", "images/picture2");
};

或者只是更改 src 属性:

function logoChange1() {
    logo.src = "images/picture1";
};

function logoChange2() {
    logo.src = "images/picture2";
};

关于javascript - 访问 .innerHTML 中的不同对象问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21649255/

25

4

0

首页

博学

6Ren·AI

商城

javascript - 访问 .innerHTML 中的不同对象问题