如何获取元素

DOM在我们实际开发中主要是用来控制元素的，如何获取页面中的元素呢？

获取页面中的元素的方式有以下几种 1.ID获取 2.标签获取 3.HTML5新增方法获取 4.特殊元素获取

1.ID获取

使用getElementById()来获取

语法: var element =document.getElementById(Id)

get 获得 element 元素 by通过 ，getElementById()返回过来的是个元素对象

2.标签名获取

语法： var element =document.getElementsByTaName()

get 获得 element 元素 by通过 tag标签 name 名称

注意getElementsByTagname()获取过来的元素是以为伪数组的形式存储的而且是提取页面里面得某一类元素，得想要打印里面的元素得用遍历得方式来打印，如果页面中没有获取得元素返回的还是伪数组，不过是空的伪数组

HTML5新增方法

根据类名来获取元素

var element =document.getElementsByClassName('.classname')

get 获得 element 元素 by通过 class 类 name 名称

返回第一个选择器的第一个元素对象

var element =document.querySelector('.name') 切记 里面的选择器需要加符号 class加点 id加#

返回指定选择器的所有元素对象集合

var element =document.querySelectorAll('.name')

特殊元素获取

1.获取body

var bodyEle =document.body;返回body元素对象

2.获取html

var htmlEle=dcument.documentElement;返回html元素对象