DOM 获取元素

1、获取元素

1.1 根据id获取

document.getElementByid('id')

1.2 根据标签名字获取

document.getElementByTagName('TagName')

1.3 H5 新增获取元素方法

1.3.1 根据类名className获取元素对象合集

document.getElementByClassName('类名');

1.3.2 单一元素的获取

document.queryselector('名称')

名称有三中种：class 用 '.'            id 用 '#'             TagName 直接写名称 

document.querySelector('.box');
document.querySelector('#first');
document.querySelector('ul');

1.3.3 多元素的获取  .querySelectorAll('名称')

document.querySelectorAll('li');

返回的是一个包含所有 li 的伪数组，切记

1.4 利用父级元素获取子元素 element.选择器

var ul = document.querySelector('ul');
var lis = box.querySelector('li');

1.5 获取body and html 元素

//1.获取body
var body = document. Body;


// 2.获取HTML元素
// var html = document.html;  不可 比较特殊
var html = document.documentElement;