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=''中。有没有人知道另一种选择？

TIA

Answer 1

innerHTML的重点是您可以在其中使用<和>。你有一些毫无意义的报价和货物崇拜javascript: label，但脚本有效。

它可能只是看起来失败了，因为表单提交并且浏览器在图像加载之前离开页面。

Answer 2

使用jQuery！

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

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

Answer 3

您应该使用createElement()方法创建元素，然后将其附加到容器中：

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

请参阅此DEMO。

Answer 4

你可以试试这个：

的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>

单击按钮时如何创建IMAGE？

4 个答案: