reload div javascript нужен только ajax?

Question

см. Ссылку JSFiddle: https://jsfiddle.net/s11oo2gg/. Нам не разрешено использовать jQuery и iframe здесь.

Проблема прямо сейчас, если вы сначала нажмете резистор и наведите указатель мыши на разные изображения контента, затем вернитесь, щелкнув по значку X, изображение содержимого застрянет там, где вы остановились, и не загрузите другие изображения контента должным образом , Он будет показывать сломанную ссылку на изображение.

Мне нравится перезагружать только <div id="slider1_contain"> каждый раз, когда я нажимаю на <span class="closeButton"> (знак X), поэтому изображения целевой загрузки могут быть загружены соответственно.

Я не хочу иметь location.reload();, чтобы решить это, когда X щелкнул. Я не хочу перезагружать всю страницу, но только div.

Я видел, как люди задавали один и тот же вопрос и решали его с помощью AJAX. Нужен ли мне AJAX для этого случая? Или есть что-то, что мы можем сделать в следующем javascript?

Благодарим вас заранее!

<script type="text/javascript"> 
     function showContent(target){ 
      document.getElementById(target).style.display = 'block'; 
      document.getElementById("boxThumb").style.display = 'none'; 
     } 

     function hideContent(target){ 
     document.getElementById(target).style.display = 'none'; 
     document.getElementById("boxThumb").style.display = 'block' 

     } 
    </script> 

<script type="text/javascript"> 
    var children = document.querySelectorAll('.toggle > section[id]'); 
    function showDetailContent(target) { 
    // Simply loop over our children and ensure they are hidden: 
    for (var i = 0, child; child = children[i]; i++) { 
     child.style.display = 'none'; 
    } 
    // Now, show our child we want to show 
    document.getElementById(target).style.display = 'block'; 
    } 
    </script> 

Answer 1

Если вы хотите, чтобы перезагрузить только DIV, вы можете использовать innerHTML.

document.getElementById(target).innerHTML = '<img src="image.jpg">';