通过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")