Javascript更改img src不工作

我有一個簡單的img沒有指定的源，以便我可以使用它與JavaScript。但由於某種原因，它不起作用。Javascript更改img src不工作

帶有id「食譜」的img是我想根據點擊的圖像改變的。我用於測試的唯一圖像是帶有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>

誰能告訴我爲什麼？

來源

2015-09-06 David Dr.

你應該只發布有關重現該問題的代碼，避免所有的休息。 –

document.getElementById('recipes').innerHTML = ...與id="itemrecept"

刪除元素使document.getElementById("itemrecept")失敗草草收場

來源

2015-09-06 14:01:40

謝謝你，我沒有注意到，在我設置源代碼之前，我正在刪除它。 –

Javascript更改img src不工作

回答

相關問題