gpt4 book ai didi

javascript document.anchors.length 在 Firefox 中返回 1

转载 作者:行者123 更新时间:2023-12-01 15:52:32 25 4
gpt4 key购买 nike

我正在尝试使用 javascript 遍历页面中的 6 个 anchor 列表,以对它们进行一些操作。但是,循环没有被执行,因为 anchors.length 返回 1。以下是我的代码片段:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function load()
{
alert(document.anchors.length);
for (i = 0; i <= document.anchors.length; i++)
{
alert(document.anchors[i].innerHTML);
}
}
</script>
</head>
<body onload="load()">
<div>
<ul>
<a id="sectionlinks" href="page1.html">link 1</a></li>
<a id="sectionlinks" href="page2.html">link 2</a></li>
<a id="sectionlinks" href="page3.html">link 3</a></li>
<a id="sectionlinks" href="page4.html">link 4</a></li>
<a id="sectionlinks" href="page5.html">link 5</a></li>
<a id="sectionlinks" href="page6.html">link 6</a></li>
<ul>
</div>
</body>
</html>

这在 IE9 中运行良好。但在 Firefox 和 Chrome 中,计数等于 1。如果有人能指出我在这里错过的内容,那就太好了。

您可能已经猜到了,我是 JS 的新手,并且正在学习它。

最佳答案

至少,你正在学习正确的方法,继续前进!

你做错的是document.anchors指 anchor 链接(使用 name 属性的旧 anchor 链接),而不是普通链接。比如下面是一个 anchor :

<a name="tab"></a>

以下是链接:

<a href="/some/link"></a>

链接位于 document.links HTMLCollection,所以你可以使用 document.links.length .

如果你想获得所有 <a>元素,不管它们的属性是什么,你都可以使用document.getElementsByTagName( 'a' ).length .

关于javascript document.anchors.length 在 Firefox 中返回 1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10945536/

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