title: Resetting a div's content?
body: <p>I am looking for a way to reset a divs content.</p>
  
  <p>I have a div(container) and div(card) that hold images from an API. How could I reset the divs content that is already populated?</p>
  
  <pre><code>    //Here is how I am populating the card div
      const card = document.createElement('div');
      card.setAttribute('class', 'card');
  
      const img = document.createElement('img');
      img.src = photo["urls"].regular;
  
      container.appendChild(card);
      card.appendChild(img);```
  </code></pre>
  
  <p>How could I refresh the div alone to achieve a 'refresh' to load the new content?</p>