3.document.getElementsByTagName()
TagName选择器
通过元素名称来获取对象
HTML部分
<ul><li>0</li><li>1</li><li>2</li><li>3</li><li>4</li></ul>JS部分
var li = document.getElementsByTagName("li")
TagName选择器获取到的内容与ClassName选择器一样,是HTMLCollection对象
所以,如果需要选择具体的某一个Element对象,也需要做类似于取数组元素的操作,如下(以取第一项为例):var li = document.getElementsByTagName("li")[0]
4.document.getElementsByName()
Name选择器
通过Name属性来获取对象
HTML部分
<form action="" name="xx"><input type="radio" name="xx" value="1">1<input type="radio" name="xx" value="2">2<input type="radio" name="xx" value="3">3</form>JS部分
var form = document.getElementsByName('xx')
Name选择器主要用于form标签等需要name属性的标签的获取,获取到的是NodeList对象
此类对象与HTMLCollection对象相似,所要获取的具体对象操作也类似于数组,如下:var form = document.getElementsByName("xx")[0]