获取页面元素

如何获取页面元素

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