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 - 在再次查询之前删除项目

回答

相关问题