0

私は現在持っています：

//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\">';
}
4

3 に答える 3

0

<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-19T18:47:42.873 に答える
0

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-19T18:48:17.127 に答える
0

引用符を追加し、それらの前にバックスラッシュ \ を追加して 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-19T18:55:26.897 に答える