当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 获取页面元素

获取页面元素

2019年12月10日  | 移动技术网IT编程  | 我要评论

如何获取页面元素

  • 根据id获取

    • 使用getelementbyid()方法可以获取带id的元素对象
    • 因为文档页面从上往下加载，所以先得有标签，script写在标签的下面
    • get 获取 element 元素 by 通过 驼峰命名法
    • 参数 id 是大小写敏感的字符串
    • 返回一个元素对象
    • console.dir(对象名)//打印返回元素对象 更好的查看里面的属性和方法

  • 根据标签名获取

    • getelementsbytagname()方法可以返回带有指定标签的对象的集合

    • 返回的是 获取过来元素对象的集合 以伪数组的形式存储

    • 得到的元素是动态的

    • 获取某个元素内部所有指定签名的子元素

      element.getelementsbytagname('标签名')；

      【注意】父元素必须是单个对象（必须指明是哪一个元素）.获取的时候不包括父元素自己

  • 通过html5新增的方法获取

    • document.getelementsbyclassname('类名')；//根据类名返回元素对象集合
    • document.queryselectot('选择器')；//根据指定选择器返回第一个元素对象
    • document.queryselectorall('选择器')；//根据指定选择器返回

  • 特殊元素获取

    • 获取body 元素

      document.body;

    • 获取html 元素

      document.documentelement;

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网