JS/HTML - 在再次查詢之前刪除項目

-1

我有一些從API獲取圖像的代碼，但它一切正常，但我無法弄清楚如何在顯示另一個之前刪除原始查詢。JS/HTML - 在再次查詢之前刪除項目

也適用於其他方法。

<html> 
    <body> 
    <div>Stock History Graph :</div> 
    <form> 
     <input type="text" value="" id="imagename"/> 
     <input type="button" id="btn" value="Update" /> 
    </form> 
    <script type="text/javascript"> 
     document.getElementById('btn').onclick = function() { 
     var val = document.getElementById('imagename').value, 
      src = 'http://chart.finance.yahoo.com/z?s=' + val +'.AX'+'&t=6m&q=l&l=on&z=s&p=m50,m200"', 
      img = document.createElement('img'); 

     img.src = src; 
     document.body.appendChild(img); 
     } 
    </script> 
    </body> 
</html>

來源

2016-07-29 Megabite

在onclick函數之外創建img變量，然後在onclick函數中，您所要做的就是設置圖像的src。現在你每次點擊按鈕時都會創建一個新元素。

來源

2016-07-29 11:14:29 StormBurpee

感謝您的答覆，現在看來真的很明顯。乾杯 – Megabite

檢查圖像已經存在只是更新src，不需要再次創建標籤。

document.getElementById('btn').onclick = function() { 
    var val = document.getElementById('imagename').value, 
     src = 'http://chart.finance.yahoo.com/z?s=' + val +'.AX'+'&t=6m&q=l&l=on&z=s&p=m50,m200"', 
     img = document.getElementById("chart-comp") || document.createElement('img'); 
     img.id = "chart-comp" 
     img.src = src; 
    document.body.appendChild(img); 
}

入住這fiddle

來源

2016-07-29 11:21:18

感謝堆，完美的作品，現在我覺得這是多麼明顯的愚蠢。乾杯 – Megabite

JS/HTML - 在再次查詢之前刪除項目

回答

相關問題