1：获取元素

一 基本的两种

1）ID获取

<div id="one">一往无前</div>
<script>
var id = document.getElementById('one');
console.log(id);//返回：<div id="one">一往无前</div>
console.dir(id); //返回 div#one 对象
</script>

//1 JS代码写在标签后面
//2 参数是区分大小写的字符串 
//3 返回一个元素对象

2）标签名获取

var ol = document.getElementsByTagName('li');

一 返回值
//1 返回一个伪数组形式的 对象集合
//2 页面只匹配到一个元素 返回值也是伪数组
//3 一个元素也没有匹配到 返回一个空的伪数组

二 遍历元素对象集合
for (var i = 0; i < spans.length; i++) {
    console.log(spans[i]);
}

二 H5新增三个方法

getElementsByClassName(); //1 类名选择器 [ 返回元素对象集合 ]

querySelector('#one');//2 css选择器 [ 返回第一个元素对象 ]

querySelectorAll('p');//3 css选择器 [ 返回全部元素对象 ]

querySelector(); 需要带符号 [.class #id ]

三 获取特殊元素 [ body 和 html ]

//获取body
var body  = document.body;
console.log(body);

//获取html
var html = document.documentElement;
console.log(html);