通过方法获取节点

H5之前的方法

<div id="box1" class="box2" title="123">
            <div class="box2">hello</div>
            <div class="box2">hello</div>
            <div class="box2">hello</div>
            <div class="box2">hello</div>
        </div>

<input type="radio" name="food">

1.通过ID获取节点

document.getElementById("box1")
//这种方式是最快的

2.通过class获取节点

document.getElementsByClassName("box2")

3.通过标签名获取节点

document.getElementsByTagName("div")

4.通过name值获取节点

document.getElementsByName("food")

H5的方法

1.获取符合选择器的第一个元素

document.querySelector(".box2")

2.获取符合选择器的所有元素

document.querySelectorAll(".box2")