获取页面元素

如何获取页面元素

• 根据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;