如何用多個圖像替換HTML按鈕使用JavaScript？

我目前有：如何用多個圖像替換HTML按鈕使用JavaScript？

//javascript 
function morshots() 
{ 
    var mordor = document.getElementById("ss1"); 
    var shots= (
    mordor.innerHTML = <img src="http://i.imgur.com/83HCt.png" alt="scrns1"><img src="http://i.imgur.com/5mWIy.png" alt="scrns2"><img src="http://i.imgur.com/pPafl.png" alt="scrns3">; 
}

和

<!--html--> 
<!DOCTYPE html> 
<html> 
    <head> 
     <script type="text/javascript" src="screenshots.js"></script> 
    </head> 
    <body> 
     <div id="ss1"> 
      <button onClick="morshots();">View Screenshots</button> 
     </div> 
    </body> 
</html>

目前該按鈕並點擊上什麼。我想要的是圖像替換頁面上的按鈕。這不是我的全部代碼，但是我爲了可讀性而省略了不相關的代碼。

- 編輯 -

我已經加入轉義圖像標記圍繞內部引號和非轉義的引號。我仍然得到同樣的結果與頁面（點擊按鈕什麼都不做）

function morshots() 
{ 
var mordor = document.getElementById("ss1"); 
mordor.innerHTML = '<img src=\"http://i.imgur.com/83HCt.png\" alt=\"scrns1\"><img src=\"http://i.imgur.com/5mWIy.png\" alt=\"scrns2\"><img src=\"http://i.imgur.com/pPafl.png\" alt=\"scrns3\">'; 
}'

--- EDIT2：----

固定它，工作代碼讀取：

function morshots() 
{var mordor = document.getElementById("ss1"); 
mordor.innerHTML = '<img src=\"http://i.imgur.com/83HCt.png\" alt=\"scrns1\"><img src=\"http://i.imgur.com/5mWIy.png\" alt=\"scrns2\"><img src=\"http://i.imgur.com/pPafl.png\" alt=\"scrns3\">'; 
}

來源

2012-11-19 Bennett

你錯過了引號的'img'標籤 –

那如何JS甚至工作？您在作業中缺少引號。 –

引號內添加<img> S：

function morshots() 
{ 
    var mordor = document.getElementById("ss1"); 
    mordor.innerHTML = '<img src="http://i.imgur.com/83HCt.png" alt="scrns1"><img src="http://i.imgur.com/5mWIy.png" alt="scrns2"><img src="http://i.imgur.com/pPafl.png" alt="scrns3">'; 
}

來源

2012-11-19 18:47:42 CoursesWeb

你檢查你的錯誤JavaScript控制檯？

// syntax error: 
var shots= (

// syntax error: 
mordor.innerHTML = <img src="http://i.imgur.com/83HCt.png" alt="scrns1"><img src="http://i.imgur.com/5mWIy.png" alt="scrns2"><img src="http://i.imgur.com/pPafl.png" alt="scrns3">;

你需要一個字符串傳遞給mordor.innerHTML - 包裝你的HTML中的報價。我不確定你想用shots做什麼。

來源

2012-11-19 18:48:17 gilly3

之前添加引號和逃避他們withing HTML添加反斜線\：

var mordor = document.getElementById("ss1"); 
mordor.onclick = function() { 
    var shots= "<img src=\"http://i.imgur.com/83HCt.png\" alt=\"scrns1\"><img src=\"http://i.imgur.com/5mWIy.png\" alt=\"scrns2\"><img src=\"http://i.imgur.com/pPafl.png\" alt=\"scrns3\">"; 
    mordor.innerHTML = shots; 
};

來源

2012-11-19 18:55:26 suricactus

如何用多個圖像替換HTML按鈕使用JavaScript？

回答

相關問題