JavaScript documet文档对象的几个常用属性

最新推荐文章于 2022-08-04 20:35:46 发布

Qiie

最新推荐文章于 2022-08-04 20:35:46 发布

阅读量178

点赞数

分类专栏：基础语法文章标签： document 属性集合

本文链接：https://blog.csdn.net/weixin_44382788/article/details/86582321

版权

基础语法专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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>