Javascript更改img src不起作用
[英]Javascript change img src not working
问题描述
I have a simple img without a source specified so that I can use it with javascript. 
我有一个没有指定源的简单img，因此可以将其与javascript一起使用。 But for some reason, it doesn't work. 但是由于某种原因，它不起作用。
The img with id "recipes" is what I want to change according to the image clicked. 我想根据单击的图像更改ID为“ recipes”的img。 The only image I have for testing is the first one after the paragraph with src "images/BTNsmoki.jpg" but that doesn't work so I can't apply the same to each other. 我要测试的唯一图像是带有src“ images / BTNsmoki.jpg”的段落之后的第一个图像，但是它不起作用，因此我无法将它们彼此应用。
function showitemrecipes(b) { if (b == "items/BTNsmoki.jpg") { var ele = document.getElementById("element"); ele.style.display = "none"; document.getElementById('recipes').innerHTML = '<font color="#FFCC00">Smoki</font>'; document.getElementById("itemrecept").src = b; } else document.getElementById('recipes').innerHTML = 'KUR'; }
<html> <body> <div style="clear:both;"></div> <div align="center" style="background: #000000" class="cat"> <h1 align="center"><font color="#6F249E">FORUM</font></h1> <h2 align="center"><font color="#D4A819">РЕЦЕПТИ</font></h2> <a href="#" onclick="showitemrecipes(ranec);"> <img src="items/BTNranec1.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(lanec);"> <img src="items/BTNlanec.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(vesnik);"> <img src="items/BTNkniga.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(stap);"> <img src="items/BTNstap.jpg" width="40px" height="40px" border="1" /> </a> <p> <a href="#" onclick='showitemrecipes("items/BTNsmoki.jpg");'> <img src="items/BTNsmoki.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(sokce);"> <img src="items/BTNsokce.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(bluzon);"> <img src="items/BTNjakna3.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(kapce);"> <img src="items/BTNkapce.jpg" width="40px" height="40px" border="1" /> </a> <p> <a href="#" onclick="showitemrecipes(papuchi);"> <img src="items/BTNpapuchi.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(rakavica);"> <img src="items/BTNrakavica.jpg" width="40px" height="40px" border="1" /> </a> <a href="#" onclick="showitemrecipes(nitnarica);"> <img src="items/BTNnitnarica.jpg" width="40px" height="40px" border="1" /> </a> </div> <div align="center" style="background: #000000" id="recipes"> <font id="element" color="#FFCC00">Рецептите ќе се покажат овде</font> <p> <img id="itemrecept" /> </div> </body> </html>
Can anyone tell me why? 谁能告诉我为什么？
1 个解决方案
解决方案1
2 已采纳 2015-09-06 14:01:40
document.getElementById('recipes').innerHTML = ... is removing the element with id="itemrecept" document.getElementById('recipes').innerHTML = ...正在删除id="itemrecept"的元素
so document.getElementById("itemrecept") fails miserably 所以document.getElementById("itemrecept")惨败
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.