javascript - ボタンをクリックしたときに IMG を作成する方法は?

Question

今私はこれを持っています：

<script>
 function load() { 
 var el = document.getElementById('load');
 el.innerHTML='<img src=\"load.png\">'; }
</script>

そしてhtml：

<input type="submit" onclick="javascript:load();"> 
<span id="load"> </span>

しかし、それは機能<しません。誰かが代替案を知っていますか?>el.innerHTML=''

ティア

Answer 1

メソッドを使用して要素を作成createElement()し、コンテナに追加する必要があります。

var el = document.getElementById('load');
var img = document.createElement('img');
img.src = 'test.png';
el.appendChild(img);
alert(el.innerHTML);

このデモを参照してください。

Answer 2

jQueryを使おう！

<button id="button">Click</button>

$(document).ready(function(){
    $("#button").click(function(){
        $("#load").append("<img src='\load.png\'/>");
    });
});

Answer 3

あなたはこれを試すかもしれません：

JavaScript:

 function showImage(){
     document.getElementById('load').style.display = 'block';
  }

html:

 <input type="submit" onclick="showImage();">
 <span id="load" style="display:none;"><img src="load.png"></span>