JS / HTML - 在再次查询之前删除项目

时间:2016-07-29 11:11:50

标签: javascript html

我有一些代码可以从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>

2 个答案:

答案 0 :(得分:0)

在onclick函数之外创建img变量,然后在onclick函数中,你所要做的就是设置图像的src。 现在,每次单击按钮时都会创建一个新元素。

答案 1 :(得分:0)

检查Image是否已经存在更新src,无需再次创建标记。

        XDocument xmlDoc = new XDocument(new XElement("Team", new XElement("Developer", "Sam")));
        var content = xmlDoc.ToString(SaveOptions.DisableFormatting);

选中此fiddle