document 集合属性
1.links 超链接,可索引
<body>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<script>
//查找文档中的a标签,并保存到变量a中
var a = document.links;
//输出a标签的集合
console.log(a);
//输出几个a标签
console.log(a.length);
//查看指定a标签的内容
console.log(a[3]);
//改变指定标签里的内容
a[3].innerHTML = "888";
</script>
</body>
2.images 图片属性
<body>
<img src="images/1.png" alt="">
<img src="images/1.png" alt="">
<img src="images/1.png" alt="">
<img src="images/1.png" alt="">
<script>
//将页面中的img标签保存在变量a中
var a = document.images;
//查看img标签
console.log(a);
//查看页面中有几个img标签
console.log(a.length);
//查看指定img标签
console.log(a[2]);
//更改指定img的图片路径
a[2].src = "images/2.png";
</script>
</body>
3.forms
<body>
<form action=""></form>
<form action=""></form>
<form action=""></form>
<form action=""></form>
<script>
//将页面中的form表单保存到一个变量中
var box = document.forms;
//查看form标签
console.log(box);
//查看页面中有几个form表单
console.log(box.length);
//查看指定的form表单
console.log(box[1]);
</script>
</body>