DOM API 获取元素的几种方法

一、什么是DOM

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。

二、使用DOM获取元素的几种方法

1.document.getElementById('xxx')

代码
注意id具有唯一性，且大小写敏感，一定注意区分大小写，不然没法获取到。

2.document.getElementByTagName('xxx')

代码
从字面上可以看出来，tagname就是标签的名字，可以把这个API理解为把一个或多个标签作为一个数组排列。

3.document.getElementsByName('xxx')

代码
这个方法用于选择带有name属性的元素，返回一个类似数组的排列，因为name一样的属性可能不止一个。

4.document.getElementsClassName('xxx')

代码
把类名相同的元素以数组的形式返回

5.document.querySelector('xxx')

代码
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素，如果需要返回所有的元素，请使用 querySelectorAll() 方法替代。querySelector()括号内的内容是字符串，字符串的内容是CSS的选择器，如果找到多个匹配的元素，就返回文档内的第一个。