重置div的内容？

Question

我正在寻找一种重置div内容的方法。

我有一个div（容器）和div（卡）来保存API中的图像。如何重置已填充的div内容？

    //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);```

如何单独刷新div以实现加载新内容的“刷新”？

Answer 1

container.removeChild(container.lastChild);

这将删除图像和添加的最后一张卡。然后你可以调用相同的代码来添加新卡。

Answer 2

您可以使用document.getElementById('content').innerHTML = '';

JSFiddle中的示例：https://jsfiddle.net/gbvqf8ru/8/