JS入门笔记：获取文档对象

DOM获取元素的方法

1.getElementById(参数)
a.参数为元素的id，并且是字符串形式
b.返回的是一个元素对象
c.使用console.dir()打印获取的元素可以更好的察看其相关属性和方法

2.根据标签名来获取元素：getElementsByTagName()
a.因为一个HTML中有很多相同的标签，所有返回的是对象的集合，以伪数组的形式存储
b.得到的元素是动态的，动态即当标签内容改变时，js获取的对象内容会自动改变
c.如果页面中没有此元素，则返回一个空的伪数组
d.获取父元素里的子元素：(父元素对象).getElementByName()
e.获取父元素里的子元素时，父元素必须指明是那个父元素（单个），不能是集合、数组等。

3.HTML5新增获取元素方法
a.根据类名获取元素：getElementsByClassName()
b.返回指定选择器的第一个元素对象：querySelector
c.获取所有选择器的元素：querySelectorAll()

4.获取特殊标签
a.获取body 元素： document.body
b.获取html标签： document.documentElement

注意：getElementById()和querySelector()都可以通过id获取元素，getElementById()内的参数没有#，而querySelector()内的参数有#。