尝试使用 GetElementByID 方法进行更改时,图像未加载到 HTML 页面中

问题描述 投票:0回答:1

我正在尝试在 HTML 页面中编写一个简单的函数来显示图像,并且有几个按钮可以更改图像我已使用“document.getElementById('myImage').src=”命令来更改它,但有单击图像后没有图像显示。使用标签正确加载相同的图像。如果我使用直接从谷歌获取的链接,相同的按钮也可以工作。下面我粘贴了代码。如有任何建议,我们将不胜感激。

<!IDOCTYPE HTML>
<html>
<body>
<h2> This page shows changing emotions using various buttons </h2>

<img id = "image" src = "path\angry.jpg" style = "width:100px">

<button onclick = 'document.getElementById("image").src = "path\envy.jpg"'>Envy</button>
<button onclick = 'document.getElementById("image").src = "path\angry.jpg"'>Angry</button>
<button onclick = 'document.getElementById("image").src = "path\sad.jpg"'>Sad</button>
<button onclick = 'document.getElementById("image").src = "path\embarassed.jpg"'>Embarassed</button>
<button onclick = 'document.getElementById("image").src = "path\happy.jpg"'>Happy</button>
<button onclick = 'document.getElementById("image").src = "path\anxiety.jpg"'>Anxiety</button>


</body>
</html>

尝试了来自Google的链接,它可以工作,但本地图像在点击功能中不起作用谢谢!

javascript html
1个回答
0
投票

path
应该在那里吗?您应该有一个“path”文件夹作为 html 页面的同级文件夹,其中包括您要使用的所有图像。

© www.soinside.com 2019 - 2024. All rights reserved.