【JS】DOM获取元素方法

<div>一号</div>
<div class="box">二号</div>
<div class="box content">三号</div>
<div class="box" id="container">四号</div>
<script>
// 获取元素方式
//根据ID,没有ID值为null
var id=document.getElementById('container');
console.log(id);
//根据类名 获取
// 有类名对应的元素有多少，获取多少，没有值为空的伪数组
var classname=document.getElementsByClassName('box');
console.log(classname);
//根据标签名获取
var tag=document.getElementsByTagName('div');
console.log(tag);
//根据选择器获取满足选择器的第一个元素
var Selector=document.querySelector('.box');
console.log(Selector);
//根据选择器获取一组元素
var Selector2=document.querySelectorAll('.box');
console.log(Selector2);
    </script>