如何洗牌HTMLCollection

Question

我有一个页面，它加载由1000个元素组成的HTMLCollection。

我想要实现的是，一旦页面加载，紧接着，我希望HTMLCollection被洗牌。(我无法控制如何从服务器接收数据)

我想不出最好的办法。应该将HTMLCollection复制到另一个临时变量中，删除现有HTMLCollection中的所有项(在DOM上)，对该临时项进行洗牌并显示它--在这种情况下，如何删除HTMLCollection项？

或者是否有可能按原样操作HTMLCollection和DOM --在这种情况下是如何实现的？

我会使用以下方法收集HTML集合：

let allImageTiles = document.getElementsByClassName('locationImage');

Answer 1

如果我将HTMLCollection复制到另一个临时变量中，删除现有HTMLCollection中的所有项(在DOM上)，对该临时项进行洗牌并显示它.

是的，绝对是。DOM上的每一项操作都是繁重的，因为它必须被不折不扣地反映到用户看到的东西上，或者换句话说:页面必须被重命名，而且您不希望做得太频繁。

在这种情况下，如何删除HTMLCollection项？

有ChildNode.remove()。但是，您也可以在树中的另一个位置追加元素，这将自动从它们以前的位置删除它们。