如何用多个图像替换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？

回答

相关问题