anchors数组

素颜马尾好姑娘i 2022-05-12 00:12 209阅读 0赞

一 介绍

anchors数组包含了文档中定义的所有锚点()标记,可以通过该数组来访问和查找某个锚点。

anchors数组中存储锚点的顺序是以锚点在文档中出现的顺序存储的,该数组的下标是从0开始。anchors数组常用的属性如下。

length属性

该属性用来获取文档中锚点的总数。

语法:

[number=]document.anchors.length

number:用来存储文档中锚点的总数,number是可选项。

name属性

该属性用来获取某一个锚点的name参数值。

语法:

[gName=]document.anchors.name

gName:用来存储某一个锚点的name参数值,gName是可选项。

id属性

该属性用来获取锚点的id参数值。

语法:

[gId=]document.anchors.id

gId:用来存储锚点id参数的值,gId是可选项。

二 应用

获取锚点的个数、name和id参数值

三 代码

  1. <body>
  2. <a id="a1" name="词典网">词典网</a>
  3. <a id="a2" name="体验网">体验网</a>
  4. <a id="a3" name="资源网">资源网</a>
  5. <hr />
  6. <script language="javascript">
  7. <!--
  8. var leng=document.anchors.length;
  9. document.writeln("<br>网页中链接的数量"+leng+"<br>");
  10. var l=0;
  11. for(var i=0;i<leng;i++)
  12. {
  13. l=i+1;
  14. document.writeln("<br>第"+l+"个锚点的name值为:"+document.anchors[i].name);
  15. document.writeln("<br>第"+l+"个锚点的id值为:"+document.anchors[i].id);
  16. document.writeln("<br>");
  17. }
  18. -->
  19. </script>
  20. </body>

四 运行结果

8aab9634-4556-3602-8522-a3000006b006.png

发表评论

表情:
评论列表 (有 0 条评论,209人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS overflow-anchor

    为了认识这个属性, 我们需要先看一种常见的现象. 即在网页加载中, 图片常常比文字加载更慢, 这样图片加载完成后可能会将文字向下顶. 比如下图演示

    相关 anchors数组

      一 介绍 anchors数组包含了文档中定义的所有锚点(<a>…</a>)标记,可以通过该数组来访问和查找某个锚点。 anchors数组中存储锚点的顺序是以锚点在文档