我需要創建一個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"/>