获取DOM元素的方法

JS获取dom方法：
1.通过ID获取（getElementById）

<div id="box"></div>
<script>
    let box= document.getElementById("box");
</script>

getElementById()括号中的不需要在前面加“#”，因为方法就决定了括号中的值是一个元素的id值。该方法返回一个DOM对象。

2.通过类名（getElementsByClassName）

<div class="box"></div>
<div class="box"></div>
<script>
    let boxCollection= document.getElementsByClassName("box");
    let box1 = boxList[0];
    let box2 = boxList[1];
</script>

getElementsByClassName()括号中的不需要在前面加 “.” ，因为方法就决定了括号中的值是一个元素的class值。该方法返回一个集合。不能直接给集合绑定事件，需要获取到集合中的某一个元素，然后再为元素绑定事件。

3.通过name属性（getElementsByName）

<div id="box">
    <input type="text" name="user" />