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

Создать переменную IMG вне функции OnClick, то в функции OnClick все, что вам нужно сделать, это установить СРК изображения. Теперь вы создаете новый элемент каждый раз, когда вы нажимаете кнопку.

источник

2016-07-29 11:14:29 StormBurpee

Спасибо за ответ, кажется, действительно сейчас очевидно. Cheers – 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 - Удаление элемента перед запросом снова

ответ

Смежные вопросы