如何随机播放 HTML 格式

Question

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

我想要实现的是，一旦页面加载完毕，紧接着，我希望对 HTML 格式进行洗牌。(我无法控制如何从服务器接收数据(

我想不出最好的方法。我是否应该将 HTMLCollection 复制到另一个临时变量中，删除现有 HTMLCollection 中的所有项目(在 DOM 上(，打乱该临时并显示它 - 在这种情况下，如何删除 HTMLCollection 项目？

或者是否可以按原样操作 HTMLCollection 和 DOM - 在这种情况下如何完成？

我会用这个收集 HTML 集合：

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

Answer 1

我是否应该将 HTMLCollection 复制到另一个临时变量中，删除现有 HTMLCollection 中的所有项目(在 DOM 上(，打乱该临时并显示它......

是的，当然。DOM 上的每个操作都是繁重的，因为它必须完全反映到用户看到的东西上，或者换句话说：页面必须重新渲染，你不想经常这样做。

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

有ChildNode.remove().但是，您也可以只附加到树中其他位置的元素，这将自动将它们从之前的位置删除。