我需要创建一个HTML形式的图像元素，使用JavaScript的所有属性我怎么能做到这一点？

Question

我有一个窗体，我只想显示一个加载器图像，如果文件上传字段中有任何路径，因为我想在java脚本中创建图像元素以及属性：src，id和alt ..

我不知道如何使用JavaScript创建元素。请帮帮我。

Answer 1

This page有一个关于使用javascript动态创建DOM元素的好教程。

执行此操作的标准方法是使用document.createElement函数。

Answer 2

使用jQuery使得这家美好而简单：

---

的Javascript：

$('#MyElementID').html('<img alt="" src="Images/myimage.jpg" />'); 

HTML：

<div id="MyElementID"></div> 

呈现为：

<div id="MyElementID"><img alt="" src="Images/myimage.jpg" /></div> 

Answer 3

将html代码添加到占位符的小例子。

<script> 
function example() 
{ 
    placeholder.innerHTML = "<img src='imagehere'/>"; 
} 
</script> 
<input type="button" value="Click" onclick="example();"/> 
<div id="placeholder"/>