getElementByld()方法获取元素

1. 1根据id获取

   2根据标签名获取

   3根据HTML5新增方法获取

   4特殊元素获取

有以上四种方法

1根据id获取
使用getElementByld()方法获取id元素

2根据标签名获取
用于获取很多个相同的标签，比如说ul里面的很多个li

使用getElementByTagName()方法获取指定标签名元素

<script>
    var lis = document.getElementByTadName('li');
    console.log(lis);
    //想要依次打印里面的元素，可以采用遍历的方法
    for(var i = 0,i<5,i++){console.log(lis[i]);}
    var = ol.getElementByTagName('ol');
    console.log(ol[0].getElementByTagName('li'));
    //也可以给ol一个id名，这样就可以
    console.log(ol.getElementByTagName('li'));
</script>

3根据HTML5新增方法获取

document.getElementByClassName('类名')；

<script>
 var boxs = document.getElementByClassName('box')；
 console.log(boxs);
 //这个会把两个盒子都获取出来
</script>

document.querySelector（'选择器'）//选择器选择的一定是第一个元素，里面要加符号.box和#nav

这个就可以选择很多个box

获取body和HTML元素

var bodyEle = document.body;
console.log(bodyEle);
console.dir(bodyEle);
//获取html元素
var htmlEle = document.documentElement;
console.log(htmlEle);