问题标签 [htmlcollection]

我只是想用一个简单的 for 循环遍历 HTMLCollection（div 内的图像）。我使用children()获取图像的item()方法，以及获取特定图像的方法。尽管控制台向我显示了每个图像元素（我正在记录），但remove()在每个元素上使用都不起作用。它不会删除所有图像。

我试过使用数组索引，removeChild()方法，但这是同样的问题：所以我猜问题出在 HTMLCollection 容量上？

HTML 标记：

我希望每个元素都会从#box 中删除，但第二个图像元素会保留在原位。我真的不明白为什么。

这是 app.js

这是 index.html 的示例

html 中没有错误，它只是随着越来越多的 li 继续向下，然后以 ul 和结束 div 标签结束。然后脚本app js 稍后出现。

我收到一个未捕获的类型错误：无法设置未定义的 Array.forEach 的属性“显示”

基本上，它不会识别 for each 循环中列表中的每个项目。这是为什么？当我在控制台记录这些项目时，会显示 HTML 集合。

我有按钮，您可以在其中选择要过滤的成分

和菜单项（比萨）

我想显示包含所有所选成分的所有比萨饼。例如，如果选择了橄榄和虾的成分，则仅显示至少同时具有这两个类别的比萨。

我的想法是将所有选定的成分放在一个数组itemsToFilter中，然后将该数组中的每个项目与每个比萨饼的类别进行比较，然后显示“剩余的”比萨饼。

这是功能：

这在某种程度上有效。它仅适用于第一个成分“橄榄”，它正确添加了类节目，但是当未选中复选框时它不会删除类。其他成分甚至没有添加到数组 itemsToFilter 中。

有人有办法吗？

如果有人可以帮助我用 JS 编码。我有一个 Select 元素，其中在 HTML 中创建了一些 Option 值，下面还有一个输入字段，我希望能够在其中添加一个新的 Option 值并在需要时删除。我知道这可以通过我猜的循环来实现，但是由于 DOM 为我提供了选项列表元素的 HTMLcollection。所以我知道我可以使用 DOM 中的 createELement 来实现，但是有可能吗那不同。我的代码如下：

在标题中。

HTML：

Javascript（原版）：

我需要得到的是当前具有active该类的元素的索引theCollection。

我在 React.js 组件中迭代和 HTMLCollection 时遇到问题。我有以下功能：

console.log(elems)按预期打印出ul元素的 HTMLCollection。但是 for 循环之后它不会在控制台中打印任何内容，当我希望看到ul控制台中打印的每个元素时。我究竟做错了什么？

为清楚起见进行编辑：

这里的关键问题是console.log(item)循环内的行不会向 chrome 开发工具中的控制台输出任何内容，这同样适用于下面的答案和评论中讨论的其他各种循环语法。

我还注意到console.log(elems)不同浏览器之间记录的长度不同。在 chrome 中我看到HTMLCollection[] length: 10 ... 但在 Firefox 中我看到 HTMLCollection {length 0} ...

这是我的功能：

该行console.log(i);显示0、1和2。 3并且4不显示在控制台中，而images.length等于 5。

所以循环没有完成，我不知道为什么。

我正在通过 JS 动态创建 DOM 元素，并试图在创建它们后将它们注销。然后我想将它们转换为数组。

但是在尝试时，当我将 DOM 记录为 HTML 集合时，它会显示一个非空集合，但是当我使用不同的方法将它转换为数组时，它会显示一个空数组。

这是我的代码：

这是输出：

有人可以告诉，如何将动态更新的 HTML 集合转换为非空数组。

我是 Angular 的新手，我正在尝试遍历一个 html 集合，以便我可以获得每个元素的 id 等属性，但即使在获得集合的数组表示后它似乎也不起作用下面的代码。我正在使用打字稿来构建一个角度应用程序。有什么解决办法吗？还是我做错了什么？

我想遍历使用 fetch 异步添加的元素。有人可以帮忙吗？这是我尝试过的：

我如何附加元素

在这里，我发现循环元素以获取 data-gpv 值并查看是否选中了附加的复选框时遇到了麻烦：