Javascript刪除圖像點擊

var b = 1; 
for(var i= 0; i < 5; i++){ 
    fisk(b); 
} 

function getRandomPosition(element) { 
    var x = document.body.offsetHeight-element.clientHeight; 
    var y = document.body.offsetWidth-element.clientWidth; 
    var randomX = Math.floor(Math.random() * x); 
    var randomY = Math.floor(Math.random() * y); 

    return [randomX,randomY]; 
} 

function fisk(skala) { 
    var img = document.createElement('img'); 
    img.setAttribute("style", "position:fixed;"); 
    img.setAttribute("src", "http://i.imgur.com/K9egEbW.jpg"); 
    document.body.appendChild(img); 
    var xy = getRandomPosition(img); 
    img.style.top = xy[0] + 'px'; 
    img.style.left = xy[1] + 'px'; 
}

有了上面的代碼，我做了一個小遊戲，我應該點擊一些魚類產生這個代碼，當你點擊它們，你贏了。但是，當我點擊圖像時，我無法找到如何使圖像消失。這是一個jsbin鏈接，它顯示了我迄今爲止所做的所有工作，因此更易於理解。 https://jsbin.com/josamuxoce/edit?html,css,js當我用釣魚竿點擊它們時，任何人都可以知道如何使產卵消失的魚類消失？Javascript刪除圖像點擊

感謝

來源

2016-05-27 Johan Westborg

首先通過刪除fisk函數第6行中的雜散「1」來修復jsbin鏈接和上面的代碼中的控制檯錯誤。另外，是否應該有任何事件處理程序已經點擊魚？ –

-1

加$（IMG）。點擊（函數（）{$（這）一個.remove（）;}）;運行fisk（skala）; 但是。 img永遠不會點擊，因爲所有點擊都將由#fiskespo處理。

將fiskespo圖像用作光標圖像而不是擴展img對象（Using external images for CSS custom cursors）。應該管用;

來源

2016-05-27 17:55:00 user2481922

它實際上工作！非常感謝你，你救了我的成績！：d –

Javascript刪除圖像點擊

回答

相關問題