Script找DOM对象的五种方法

通过div里面的内容为例

<div class="box" id="box">
    <input type="radio" name="gender">
    <ul id="list">
        <li></li>
    </ul>
</div>

1、通过标签选择器来获取DOM对象：通过标签来获取对象，//[0]表示代码中box里面第一个标签属性，如果不写，说明你获取的是所有box标签对象，以下同理。

var box01 = document.getElementsByTagName("box")[0];

2、通过className来获取DOM对象：通过class属性来获取对象。

var box02 = document.getElementsByClassName("box")[0];

3、通过id来找DOM对象：通过id来获取对象。

var box03 = document.getElementById("box");//id是唯一的，所以不用输入编号

4、通过name属性来找DOM对象：通过name属性来获取对象。

var gender = document.getElementsByName("gender")[0];

5、通过父级来找子集：通过父级属性来获取子集属性的对象。

var list = document.getElementById("list");
var lis = document.getElementsByTagName("li")