1、利用控件对象的id属性来获取控件
如果该控件设有id属性，我们可以通过它的id属性来获取该控件对象。如控件<input id="username" type="text" >， 我们可以通过以下js代码来获取该控件：
document.getElementById("username")。
2、利用控件对象的name属性来获取控件
如果该控件没有设置id属性，但设有name属性，则我们可以利用name属性获取对象。如控件<label name="female">Female</label>,则我们可以用以下JS代码获取：
document.getElementsByName("female")[0]
因为name属性可以不唯一，所以这里需要使用数组形式来访问，如果该对象是第一个符合条件的值则数组下标为0，第二个下标刚为1，依次类推。
3、利用控件标签名来获取控件对象
如果该控件对象即没有设置id属性也没有设置name属性，那我们还可以利用该对象的标签名来获取对象。如控件<button type="button">点我!</button>，可用以下JS代码获取:
document.getElementsByTagName("button")[0]
同getElementsByName一样，getElementsByTagName也存在多个符合条件的情况，所以要用数组。
4、利用样式类名来获取控件对象
如果该控件对象使用了样式类，我们还可以通过样式类名来获取该控件对象。如控件对象<h1 class="intro">标题 1</h1>，可通过以下js代码获取:
document.getElementsByClassName("intro")[0]
这也存在多个符合条件的情况，要使用数组形式。
5、利用子控件对象来获取控件
如果上面的方法都不能很好的获取控件对象。我们还可以利用对象来获取。如控件<p ><b id="child">字对象</b>，可用以下JS代码获取P控件:
document.getElementById("child").parentNode
6、利用父控件对象来获取子控件
上一步中，我们通过子控件对象来获取父控件对象，同样我们也可以通过父控件对象来获子控件对象。如控件<p id="parent"><b >字对象</b>，可通过以下代码来获取b控件:
document.getElementById("parent").children[0]
