获取元素的三种方法:
1:通过id名获取元素
2:通过class类名获取元素
3:通过标签名直接获取元素
注:id是唯一的 所以用id获取到的元素可以直接用,通过class类名和标签名获取到的元素是一个数组,调用的时候需要先获取到具体的某一个,然后再调用。
下面是一个简单的案例:
<div>`</div>
<div></div>
<div></div>
<div id="box"></div>
<div class="box"></div>
<section name="set"></section>
<script>
// 通过标签查询并获取标签;返回一个数组
var divs = document.getElementsByTagName('div')
console.log(divs)
// 取divs数组中第一个div 也是body最靠上的div
var divOne = divs[0]
// getElementById 通过标签中ID 名字获取元素
var box = document.getElementById('box')
console.log(box)
// 通过标签中Class名字获取标签
var boxs = document.getElementsByClassName('box')
console.log(boxs)
// 通过标签名直接获取标签
var set = document.getElementsByName('set')
console.log(set)