document.anchors集合
分类：实例代码
此集合可返回对文档中所有anchor对象的引用。
可以通过使用索引值访问此集合中的单个元素，索引值是从0开始的。
语法结构:
document.anchors
浏览器支持:
1.IE浏览器支持此属性。
2.火狐浏览器支持此属性。
3.Opera浏览器支持此属性。
4.谷歌浏览器支持此属性。
实例代码:
实例一:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script type="text/javascript">
window.onload=function(){
var oshow=document.getElementById("show");
oshow.innerHTML=document.anchors.length;
}
</script>
</head>
<body>
<div id="show"></div>
<div>
<ul>
<li><a href="#" name="first">欢迎来到前端教程网，只有努力奋斗才会有美好的未来。</a></li>
<li><a href="#" name="second">没有人一开始就是高手，必须虚心学习。</a></li>
<li><a href="#" name="third">每一天都是新的，要好好真心。</a></li>
</ul>
</div>
</body>
</html>
以上代码能够返回锚的数量，弹出的值是3。
实例二:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script type="text/javascript">
window.onload=function(){
document.anchors[1].style.color="red";
}
</script>
</head>
<body>
<div>
<ul>
<li><a href="#" name="first">欢迎来到前端教程网，只有努力奋斗才会有美好的未来。</a></li>
<li><a href="#" name="second">没有人一开始就是高手，必须虚心学习。</a></li>
<li><a href="#" name="third">每一天都是新的，要好好真心。</a></li>
</ul>
</div>
</body>
</html>
可以将索引值为1的链接中的文本颜色设置为红色。
一线大厂高级前端编写，前端初中阶面试题，帮助初学者应聘，需要联系微信：javadudu