Javascript JS/HTML-再次查询前删除项_Javascript_Html

Javascript JS/HTML-再次查询前删除项

javascript html

Javascript JS/HTML-再次查询前删除项,javascript,html,Javascript,Html,我有一些从API中获取图像的代码，它们都可以正常工作，但是，我不知道如何在显示另一个查询之前删除原始查询对其他方法也持开放态度 <html> <body> <div>Stock History Graph :</div> <form> <input type="text" value="" id="imagename"/> <input type="button" id="

我有一些从API中获取图像的代码，它们都可以正常工作，但是，我不知道如何在显示另一个查询之前删除原始查询

对其他方法也持开放态度

<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>


股票历史图表：
document.getElementById（'btn'）。onclick=function（）{
var val=document.getElementById（'imagename'）。值，
src='1〕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；
文件.正文.附件（img）；
}

在onclick函数之外创建img变量，然后在onclick函数中，您所要做的就是设置图像的src。

现在，每次单击按钮时，您都会创建一个新元素。

检查图像是否已经存在，只需更新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);
}

检查一下这个

谢谢堆，效果很好，现在我觉得这太明显了。干杯谢谢你的回答，现在看起来真的很明显。干杯