问题标签 [htmlcollection]

如何遍历使用 document.getElementsByTagName(); 检索的元素；因为它的长度为 0 但仍有元素。

下面是JS代码：

下面是html代码：

输出如下：

this.players由于数组 this.players 数组为空，我无法循环遍历。我怎么做。

我希望获得所有 Boxers 的列表，这些 Boxers 是 Group 的直接子代。

XML 由外部源提供。我无法控制其内容或格式。

Boxer 标签通过 Match 标签被用作 Group 的直接子代和 Group 的孙代。

当我使用

我得到了名为“Boxer”的所有 6 个标签的列表，它们是 Group 标签的后代。

我如何只获得 Group 的两个直接孩子？

我正在尝试重置页面上所有选择框的值。有问题的事件发生在 onClick 中，因此所有内容都加载到 DOM 中。

我已经通过var selectBoxes = document.getElementsByClassName("selectBox");我现在想将每个 selectBoxes 的 selectIndex 更改为 0 获得了 selectBoxes 的 HTMLCollection。

但是，每次我尝试从 HTMLCollection 访问特定对象的属性时，都会得到一个未定义的值。

selectBoxes.item(0).selectedIndex = undefined
selectBoxes[0].selectedIndex = undefined

这是一篇关于 HTMLCollections 的非常有趣的文章：https ://hackernoon.com/htmlcollection-nodelist-and-array-of-objects-da42737181f9这似乎解释了我的部分问题。

我有 4 个带有列表的选项卡，以便为它们提供标题。我想访问每个选项卡的标题，但我只能访问整个 HTMLcollection。使用反应。

我想问一下 Laravel HTML Collective。所以我有位置的表格。

所以这张图片来自编辑页面。经纬度是从数据库中获取的。现在我将在搜索位置后更改该值。

我已经制作了谷歌地图 api 函数来获取价值。但现在我很困惑如何更改输入表单。

所以，这是我的功能代码。

这是我的页面 edit.blade 代码

问题：

两种形式，在隐藏的 div 中，当您按下相应的按钮时会出现。输入被解析为 JSON 并与请求一起发送。由于不同的原因，我不能使用form或 fieldset环绕表单，所以我使用了：

form = document.getElementById('formularEins').getElementsByTagName('input');

当我还能使用时form.elements（在我意识到 IE 的字段集不支持 .elements 属性之前），我使用它从输入中生成 JSON：

（在这种情况下form = document.getElementsByClassName('formOne')[0];

问题：

对于 HTMLCollection 及其上面的项目，如何将 Input 转换为 JSON？

我尝试过 - 并失败了以下不同版本：

我有一个 HTMLCollection，其中包含所有使用 script 标签的 HTML 节点。我收集它们const scriptNodes = document.getElementsByTagName('script');。

如果我在 Chrome 开发工具中记录整个集合，它的长度是10. 如果我展开集合并查看它的属性，我可以看到超过 10 个。我什至可以看到一个名为 的属性length，即 12。这意味着有 2 个属性无法访问。

我尝试访问scriptNodes[10], scriptNodes[11]，但它们是未定义的。即使 APIHTMLCollection.nodeItem(index)返回未定义，但它们不是，我可以看到那些“额外”属性的内容。

我试过for..of, for..in了，但没有记录。

我应该如何访问那些额外/未定义的属性？这与可枚举性有关吗？

谢谢！

我的 HTML 中有一些带有 class 的元素，我node-item在组件中使用以下方法访问它们：

当我登录时nodeItems，它给了我一个HTMLCollection[]长度为 4 的值。

我尝试了很多方法，但仍然无法迭代nodeItems：

1-第一次尝试：

2-秒尝试：

我尝试了数组迭代和对象迭代，但仍然是undefinedor error。也试过：

let nodeItems = document.querySelector(selectors);

但同样的问题。

所以我试图访问所有特定的类名，然后最终向它们添加一个事件监听器。我这样做是因为我正在构建一个 hightcharts 图表并且无法将点击事件专门添加到图例项。因此，在构建图表后，我尝试访问按钮，然后添加事件侦听器。

第一个 console.log 带有一个长度为 48 的 HTMLCollection（我知道很长，但现在它的测试目的比什么都多）。
第二个 console.log 以未定义的形式返回。任何想法为什么？我希望做这样的事情：

关于如何为新建的 highcharts 图表添加点击事件的任何建议？

我想从 HTMLCollection 中获取一个元素。document.getElementsByClassName 的返回正是我所期望的，但是当我尝试访问它的任何属性时，看起来那里什么都没有。这是我的代码（此代码在一个 .js 文件中运行，我将其放入我的 index.html 中）：

这是控制台日志：

另外，如果我在控制台中输入：

我得到回报：

这正是我正在寻找的，但这不是我在脚本中得到的结果。