gpt4 book ai didi

javascript - 使用 getElementsByTagName 和 getAttribute 方法

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:08:48 25 4
gpt4 key购买 nike

我结合了 getElementsByTagNamegetAttribute 方法来获取文档中每个段落元素的标题属性。这是代码:

var paras = document.getElementsByTagName('p');
for (i = 0; i < paras.length; i++) {
console.log(paras[i].getAttribute('title'));
}

我特别需要帮助的代码行是:

console.log(paras[i].getAttribute('title'));

[i] 在这行代码中做了什么?这是我在每次迭代时递增的 for 循环中声明的“计数器”变量吗? [i] 是否也代表 getElementsByTagName 函数返回的数组索引?

最佳答案

这里的关键是getElementsByTagName返回 NodeList .

然后您将使用 for 循环遍历 NodeList(可以将其视为数组)。 i 的值从 0 到数组的长度 -1。

所以回答你的问题。是的,i 是索引,当您说 paras[i] 时,您要求的是索引 i 处的元素。

例如,给定以下 html:

<body>
<p id="a"></p>
<p id="b"></p>
<p id="c"></p>
</body>

如果您调用 paras = document.getElementsByTagName("p"),它将返回一个包含 3 个元素的数组。

  • paras[0] 处是 ID 为 a 的 p。

  • paras[1] 处是 ID 为 b 的 p。

  • paras[2] 处是 ID 为 c 的 p。

关于javascript - 使用 getElementsByTagName 和 getAttribute 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14503465/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com