美文网首页
获取元素

获取元素

作者: 键盘已附魔 | 来源:发表于2022-02-11 11:08 被阅读0次

GetElementById获取元素

<div id="time">2021-12.17</div>
    <script>
        //得到一个元素通过id为time
        var time1 = document.getElementById('time');
        //打印获得的元素对象
        console.log(time1);
        //打印元素对象的类型
        console.log(typeof time1);
        //打印元素对象的类型,可以查看里面的属性和方法
        console.dir(time1)
    </script>

GetElementsByTagName()返回指定标签名的对象合集,以伪数组的形式存储

   <ul>
        <li>0</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>

    <script>
        //得到对象通过标签名字li,返回的是元素对象的集合,以伪数组的形式存储
        var lis = document.getElementsByTagName('li');
        console.log(lis);
        console.log(lis[2]);
        //依次打印对象元素可以用遍历的方式
        for (var i = 0; i < lis.length; i++) {
            console.log(lis[i]);
        }
        //如果页面中只有一个li,返回的也是伪数组形式
        //如果页面中没有li,返回一个空的伪数组
        

总结

<script>
        var boxs = document.getElementsByClassName('box');
        //返回指定选择器的第一个元素对象,注意选择器要加符号 .box #nav
        var boxs = document.querySelector('.box');
        var nav = document.querySelector('#nav');
        var lis = document.querySelector('li');
        //返回指定选择器的所有元素对象集合
        var boxs = document.querySelectorAll('.box');
        //返回body元素对象
        document.body
        //返回html元素对象
        document.documentElement
    </script>

获取元素属性值

获取自定义属性的值

相关文章

  • jQuery篇之操作jQuery对象(样式)

    获取/设置 元素内容 获取/设置 元素属性 获取/设置 元素样式 获取/设置 元素位置和大小

  • DOM笔记

    DOM笔记获取元素获取指定元素获取子元素&兄弟元素&父元素获取第一&最后一个子元素节点操作克隆节点 - clone...

  • [前端学习]jquery部分学习笔记,第二天

    获取操作兄弟元素 元素.next()获取该元素下一个兄弟元素 元素.nextAll()获取该元素后面的所有兄弟元素...

  • 获取元素

    一.获取元素: 1.通过id来获取元素 2.根据标签名获取元素 3.根据类名来获取元素 4.获取body 元素和获...

  • 获取元素

    html代码示例: javascript获取元素 通过id获取元素 通过TagName获取元素 通过ClassNa...

  • 获取元素和事件注册

    1、获取元素 获取body元素可以直接通过:document.body获取获取html元素可以直接通过:docum...

  • JS中API的使用方法

    1,1获取元素 1.1.1 根据ID获取 1.1.2 根据标签名获取元素 1.1.3 H5新增获取元素方式 ...

  • JavaScript获取dom元素

    获取dom元素的方法 通过标签名获取dom元素 通过id名获取dom元素 通过类名获取元素 HTML5新方法 通过...

  • JS工具类函数封装

    根据id获取元素 获取css样式 通过标签名获取元素 通过class获取元素 运动函数 类数组转数组方法 获取n-...

  • appium应用之“获取元素信息和元素操作”(android)

    一、获取元素信息 get_attribute(name)name:元素的属性名 1. 获取元素属性值 获取元素的t...

网友评论

      本文标题:获取元素

      本文链接:https://www.haomeiwen.com/subject/lefyfrtx.html