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的链接中的文本颜色设置为红色。

回复

我来回复
  • 暂无回复内容