为什么更改'className”仅影响 HTMLCollection 中的所有其他元素？

className 仅更改每个其他类

在此代码片段中，遇到了一个问题，即 className 属性仅针对每个其他元素更改在一个集合中。目标是了解此行为背后的原因并找到解决方案。

提供的代码利用 getElementsByClassName() 方法来检索具有“block-default”类的 HTML 元素。然后，它继续将集合中每个元素的 className 属性修改为“块选择”。然而，结果是只更新了替代元素，而其他元素则保留了原始的“block-default”类。

罪魁祸首在于 HTMLCollections 的本质。这些集合是实时的并且反映了 DOM 的当前状态。当元素的 className 属性被修改时，集合本身也会受到影响。具体来说，由于修改的元素从列表中删除，集合的大小会减小。

要纠正此问题，请务必记住，对集合元素的任何后续更改都会影响其余元素的索引。解决方案是一致地仅更改第一个元素的 className。

一种方法涉及迭代集合并重复修改第一个元素。

此方法可确保第一个元素一致无论集合如何更改，都会更新。

或者，使用扩展运算符可以将 HTMLCollection 转换为数组，从而在修改元素。

无论哪种情况，通过仅修改第一个元素的 className，都可以实现更改集合中每个元素的类的预期结果。

以上是为什么更改'className”仅影响 HTMLCollection 中的所有其他元素？的详细内容。更多信息请关注PHP中文网其他相关文章！