在腳本中添加圖像

Question

我想知道是否有任何方法從腳本中添加圖像。例如，我想這樣做的原因是我可以在用戶每次點擊時添加一個圖像。 我可以在身體中添加大量圖像，並將它們全部隱藏起來，並在有人點擊時一個接一個地顯示它們，但似乎有一種更好的方法。 （如果你沒有得到它，我是非常新的JavaScript的:)）。

Answer 1

動態地添加照片時，使用這樣的代碼：

<div id="holder"></div> 

<script type="text/javascript"> 
var img = new Image(); 
img.src = 'path/to/image.jpg'; 
var holder = document.getElementById('holder'); 
holder.appendChild(img); 
</script> 

Image的對象對應於<img>元件。要詳細瞭解Image（又名HTMLImageElement）對象，請參閱see here。要詳細瞭解appendChild方法，請參閱see here。

Answer 2

您可以按照以下步驟做：

1. 選擇要添加圖片到你的HTML元素。例如：<div id='maker'></div>
2. 將一個事件添加到您的html按鈕中。例如：<button onclick='addImg()'>Add</button>

3. 然後將這些代碼寫入腳本標記或您的.js文件。 下面是代碼：

   功能addImg（）{

   var maker = document.getElementById('maker'); 
   var image = document.createElement('img'); 
   image.src = '/your/image/path/with/extension.jpg'; 
   maker.appendChild(image); 
   

   }