（十四）javascript 之 (DOM简介+获取页面元素方法的介绍)

什么是DOM？

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

  W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容/结构/样式。

  一个HTML页面就可以用如下的DOM树来表现和控制

 如何获取页面元素？

获取页面元素的方法

代码	说明
document.getElementById('title1')	根据id获取页面元素
document.getElementsByTagName('p')	根据标签名获取页面元素（获取到的是所有对应标签元素的集合，以伪数组的形式存在）
document.getElementsByClassName('title2')	根据类名获取页面元素（返回的是所有具有指定类名元素的集合，以为数组的形式存在）
document.querySelector('.title2') document.querySelector('h2') document.querySelector('#title1')	document.querySelector()这个API相当于是一个通用的获取页面元素的方法，按照示例传入指定格式的参数即可获取相应的页面元素
document.body	获取body对象
document.documentElement	获取html对象