gpt4 book ai didi

Javascript 不会在页面加载时更改图像源

转载 作者:行者123 更新时间:2023-11-30 16:32:42 25 4
gpt4 key购买 nike

我是 javascript 的新手。我正在尝试在页面加载时更改图像源。我不知道为什么这不起作用。有人可以给我提供一些见解吗?这是我的 html 代码:

<html>
<body onload="changeImage()">
<ul id="character-list">
<li id="character1">
<img src="character1.jpg" width="250px" height="280px" alt="" />
</li>
</ul>

</body>

<script>
function changeImage(){
var charDiv = document.getElementById("character1");
var imgTag = charDiv.getElementsByTagName('img');
imgTag.src = "character2.jpg";
}
</script>
</html>

最佳答案

getElementsByTagName("img")会给你一个 <img> 的数组元素。在这种情况下,您只需访问该数组中唯一的图像元素 charDiv.getElementsByTagName('img')[0] :

<html>
<body onload="changeImage()">
<ul id="character-list">
<li id="character1">
<img src="character1.jpg" width="250px" height="280px" alt="" />
</li>
</ul>

</body>

<script>
function changeImage(){
var charDiv = document.getElementById("character1");
var imgTag = charDiv.getElementsByTagName('img')[0];
imgTag.src = "character2.jpg";
}
</script>
</html>

关于Javascript 不会在页面加载时更改图像源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33108279/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com