如何获取页面元素

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

有任何问题欢迎在评论区留言

欢迎联系学姐微信
DKA-2018