javascript - document.links 输出未知元素

Question

当我尝试从 document.links 数组输出元素时，出现问题。原因是错误地实现了for-loop吗？？看看:

    // below is the HMTL 
    <p>
    <a name="one" href="http://www.kaskus.co.id">Kaskus</a><br>
    <a name="two" href="http://www.bola.net">Bola-net</a><br>
    <a name="three" href="http://www.kompas.co.id">Kompas</a><br>
    </p>        
     ....................
     ....................
     .....................

 // below is the JS 
 <script type="text/javascript">
     for( i in document.links){
          document.write("<br>"+document.links[i].text);
         }
 </script>

输出是:

卡斯库斯
博拉网
罗盘
未定义 <-- 这甚至很有趣，这是什么？
卡斯库斯
博拉网
罗盘
未定义
未定义

什么可能导致这种未定义？

Answer 1

document.links 对象为您提供了多种访问文档中的链接的方法。

首先，像数组一样，它有每个数组的数字索引以及长度(这就是您提示的“这甚至很有趣，这是什么”，数字没有文本属性)。然后，它允许您通过名称访问它们(这样您就可以为每个链接获得第二个条目)。它还具有一些悬而未决的功能。

将代码更改为:

document.write("<br>"+i+"  :  " +document.links[i].text);

您将看到您正在迭代的所有属性名称，这将是有意义的。

不要使用for in循环，使用传统的数组循环。

 for(var i = 0; i < document.links.length; i++){
     document.write("<br>"+document.links[i].text);
 }

您应该只有 console.log(document.links)，然后您就可以看到您正在处理的所有属性是什么。