如何使用dom概念在web瀏覽器上隨機顯示assn圖像？

Question

首先通過創建一個圖像對象使用創建元素如何設置其功能的頂部和左側部分的屬性，使它顯示圖像在網絡中隨機位置？ 我的代碼不顯示隨機圖像..

Answer 1

Math.floor((Math.random() * 10) + 1)會給隨機數1到10

使用.createElement（）和絕對位置之間：

var img = document.createElement('myImage'); 
myImage.src = 'pic.jpg'; 
myImage.style.top = Math.floor((Math.random() * 10) + 1) + 'px'; 
myImage.style.left = Math.floor((Math.random() * 10) + 1) + 'px'; 

使用圖像元素構造和保證金：

var myImage = new Image(); 
myImage.src = 'pic.jpg'; 
myImage.style.marginTop = Math.floor((Math.random() * 10) + 1) + 'px'; 
myImage.style.marginLeft = Math.floor((Math.random() * 10) + 1) + 'px'; 

https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style

Answer 2

function createImage(){ 
var img = document.createElement('img'); 
    img.src = 'yourImage.png'; 
    img.style.top = '10px'; 
    img.style.left = '10px'; 
    document.body.appendChild(img) 
} 

而不是10你現在可以將它設置爲一個隨機數。