获取dom的几种方法★

<div class="box"></div>
<div class="box"></div>



let boxList = document.getElementsByClassName('box')
let box1 = boxList[0]
let box2 = boxList[1]

<div id="box">
    <p>段落1</p>
    <p>段落2</p>
    <p>段落3</p>
    <p>段落4</p>
    <p>段落5</p>
    <p>段落6</p>
</div>


let pCollection = document.getElementsByTagName("p")

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



let userInput = document.getElementsByName("user")

<div id="box"></div>


let box = document.querySelector("#box")

<div class="box">box1</div>
<div class="box">box2</div>
<div class="box">box3</div>
<div class="box">box4</div>
<div class="box">box5</div>
<script>
    let box1= document.querySelector(".box");
    querySelector 只是获取的第一个


    let boxes= document.querySelectorAll(".box");
    querySelectorAll 获取的是全部。

document.documentElement

是专门获取html这个标签的

document.body

是专门获取body这个标签的。