remove函数 html,classList.remove是从HTMLCollection中删除元素？

我遇到与JavaScript的新班级列表API一些非常奇怪的行为，说我们有以下的HTML代码：classList.remove是从HTMLCollection中删除元素？

Lorem Ipsum

Lorem Ipsum

而且下面的JavaScript代码：

var elements = document.getElementsByClassName("testing");

alert(elements.length);

elements[0].classList.remove("testing");

alert(elements.length);

第一个提醒会给你值为2，而第二个警报返回1.

看来，从元素中删除类也将其从elements HTMLCollection中删除，这绝对没有意义t我。

您可以看到此代码示例HERE。

我遇到尝试使用代码像下面以去除一些元素某一类时，这个问题：

var elements = document.getElementsByClassName('testing');

var elementsLength = elements.length - 1;

for(var i = 0; i <= elementsLength ; i++)

{

elements[i].classList.remove('testing');

}

说我们有像在上面的例子中两个元素，循环运行成功的第一次，但第二次它正在寻找HTMLCollection中不再存在的元素，所以我得到类似“TypeError：elements [i]未定义”的内容。

你可以看到上面的代码示例HERE

这是令人沮丧的，至少可以说，我不明白为什么/ classList.remove如何能发挥作用，有效的数组班级列表之前设置一次.remove函数被调用。我甚至无法在网上找到关于此行为的任何信息。

我在做一些疯狂的事情吗？或者，我是否发现过没有人知道的classList api的一些奇怪的隐藏功能？

2014-03-01

Sean

+0

这是很好的，你缓存'.length'财产'elementsLength'为循环。对于一个普通的数组，这是一个很好的练习，并且会给你一个小的速度提升，但是对于'HTMLCollection'它对于性能尤为重要(http://www.nczonline.net/blog/2009/02/03/加速你的JavaScript部分4 /)，因为它是“活”的性质。 –