DOM获取元素

如何获取元素

1. 通过ID获取
   document.getElementById('ID名')方法获取

因为我们文档页面是从上往下加载。所以先有标签。所以script写在标签的下面。
参数是字符串，所以要加引号
返回的是一个元素对象
console.dir(); 打印我们返回的元素对象，更好的查看里面的属性和方法

2. 通过TagName（标签名）获取
   document.getElementsByTagName('标签名')方法获取

因为我们文档页面是从上往下加载。所以先有标签。所以script写在标签的下面。
参数是字符串，所以要加引号
返回的是获取过来元素对象的集合，以伪数组的形式存储的。
所以想要操作里面的元素就要遍历
得到的元素是动态的
如果只有一个li，返回的还是伪数组的元素
如果没有li，返回的就是空的伪数组。

4. H5新增

• 通过ClassName(类名)获取
  document.getElementsByClassName('类名')

• document.querySelector('选择器')//返回指定选择器的第一个元素
  需要告诉他是什么选择器
  例如#;.;

• document.querySelectorAll('选择器')；//返回所选选择器的所有元素

获取html和body标签

1. 获取body标签

var bodyEle =document.body;
console.log(bodyEle);

2. 获取html标签

var htmlEle =document.documentElement;
console.log(htmlEle);