获取标签的几种方式
<body>
<div id="div1"></div>
<div class="div2"></div>
</body>
第一种
//通过调用getElementById获取标签,必须是id属性
var div1 = document.getElementById("div1");
第二种
//通过调用getElementsByClassName获取标签,必须是class属性
//这里获得的是个伪数组,所以需要选择数组的元素才能得到标签
var div2 = document.getElementsByClassName("div2")[0];
第三种
//通过调用getElementByTagName获取标签,选择的是标签,不是类名和id
//这里和第二种一样
var div = document.getElementsByTagName('div')[0];
第四种
//通过调用querySelector获取标签,括号里面写的是id名需要添加(#id名)
var div1 = document.querySelector('#box');
//这里的方法,里面可以写标签也可以写类名,但是类名需要添加(.类名)
//这里和第二种一样
var div2 = document.querySelectorAll('.div2')[0];