一、什么是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的选择器,如果找到多个匹配的元素,就返回文档内的第一个。