问题标签 [htmlcollection]

I'm trying to crete 3 HTML collections containing all my links on a page, so I can attach 3 separate function to each categories of links. My first HTML collection is "header links", the second is "footer links" and the third is "all other links". I need to attach link tracking functions and other elements as well.

Creating the first two collections is fairly easy as I can do document.getElementById('header'); and document.getElementById('footer'); and then this.getElementsByTagName('a'); However, getting the third collection of "all other links" is a bit more tricky. There isn't a clean div that contains just the "middle" of the page, and there are links outside the header and footer that are also difficult to single out. I wish I could do something like allLinks = document.linnks, and then filter out of that all the links already present in the first and second HTML collections.

Any way to do that ? Ideally I would like to avoid loading more libraries and pure JS would be welcome

Thanks !

我写了一个 joomla 模块，并试图在一个小脚本中访问一个 HTMLCollection。我通过添加我的脚本文件

脚本本身如下所示：

现在的问题是我无法获得列表的第一个元素。当我记录列表本身时，一切似乎都很好，我得到了一个包含 1 个元素的列表。但是当我尝试记录第一个元素或列表的长度时，它是未定义的/0。

我不知道，如果它是 joomla 的问题，以及我如何添加脚本或在元素准备好之前执行脚本（这很奇怪，因为列表本身打印得很好）或其他什么，我只知道我在这上面浪费了太多时间^^那么，你有什么线索可以解决这个问题吗？

我浪费了一整天的时间来解决这个问题，我想我做到了，但仍然不确定到底是什么：/

我有一个 js 文件，在其中<option>为 a生成<select>：

#colourtiles是 a 的 ID <select>。我在该选择中也有 3 个静态选项，在 html 中。

现在，在另一个脚本中，我正在这样做：

...但这仅呈现 3 个元素，完全忽略了 .append() 添加的这些元素。需要明确的是，当我<select>在控制台中返回它时，它就在那里。但我注意到，那this.el.children.length是...3！

所以看起来 1) jQuery 没有更新 .length，并且 2) forEach() 依赖于它，因此失败了。我说的对吗？这是jQuery中的错误，还是我很愚蠢？我该如何解决这个问题？

非常感谢您的所有答案。马尔钦

我在创建要发送的 XML 时遇到了一个大问题。我所拥有的只是与带有架构的特殊构建 ID 连接的 HTML 节点：_header_firstLeveL_secondLevel_anotherLevel

HTML结构：

和目标对象：

这一切都是因为后来我要遍历这个对象并准备字符串来构建要发送的 XML。

提前感谢您的想法！

我对一个简单的代码有疑问

输出

为什么我在这里看到 lenght 7 而 x.length 给出 0 ？

提前致谢

更新：我将代码设置为

它现在有效。我还不能设置 onclick 方法，但它正在进步 ^^

我正在尝试在 javascript 中编写一个函数，该函数会自动将一个按钮添加到来自特定类的某些组件中。

我终于成功编写了以下代码：

但是，在此之前，我遇到了一个我无法理解的问题。

问题： HTMLCollection.length 保持零作为值，但集合似乎已正确填充在调试视图中，因此根本不执行循环。

是否有可能对此进行解释？

更新 我想出的代码是：

我希望集合包含<section>, <header>, <p>,<div>上面的代码只有<header>, <p>, 和<div>. 无论如何我可以将<section>自己添加到集合中吗？

问题是我想将元素本身包含到元素集合中。我知道我可以使用 outerHTML 并将其放入临时容器中，然后从中获取所有元素，但我正在寻找一种更清洁的方法。

我正在尝试获取多选下拉列表的选定值并将它们转换为单个字符串以供以后操作。目前我有以下代码：

警报窗口当前正在输出以下内容：

[对象 HTMLOptionElement, 对象 HTMLOptionElement, ...]

其中“...”代表任何进一步的假设选项。

我需要将“流派”输出为例如“动作、浪漫、惊悚”。

提前感谢您的帮助。

我知道有关于如何访问和迭代 HtmlCollection 的答案，但它在这里对我不起作用：
我得到了一些带有“tabSheetActive”类的元素，这些元素的数量可以是 1 或更多。
我通过以下方式访问它们：

记录集合输出以下内容：

之后，我尝试遍历它们并像这样操作它们的类：

的技巧[].forEach.call(activeTabSheets, function(activeTabSheet) { //code here });对我也不起作用。它只迭代一次。
这一定是非常愚蠢的事情，但我已经调试了好几个小时了。

我在 webbrowser 控件 http://www.simplyrecipes.com/?s=chicken中打开此 url， 我只想在 webbrowser 控件中显示搜索结果（站点的中间部分包含不同的鸡肉食谱选项）。我无法找到相同的特定元素标签。请指导。如果还有其他方法可以完成任务（仅显示网页的搜索结果部分，请提出建议。谢谢