Day27 javascript HTML DOM简单介绍

今天来看看JavaScript HTML DOM，这其实应该在前面就有稍微提到，但我想了想还是专门做一篇笔记把他统整一下，那麽废话不多说，咱们直接进入正题~

我们通过 HTML DOM(文档物件模型)，可以访问 JavaScript HTML 文档的所有元素，当网页被载入时，浏览器会创建页面的文档物件模型（Document Object Model），通过可程序设计的物件模型，JavaScript 获得了足够的能力来创建动态的 HTML，影响大概分成4个部分:
1.JavaScript 能够改变页面中的所有 HTML 元素
2.JavaScript 能够改变页面中的所有 HTML 属性
3.JavaScript 能够改变页面中的所有 CSS 样式
4.JavaScript 能够对页面中的所有事件做出反应
通常，使用 JavaScript，我们需要操作 HTML 元素，为了做到这件事情，咱们首先要找到该元素，有三种方法来做这件事：
1.通过 id 查找 HTML 元素
在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id，例子如图:

2.通过标签名查找 HTML 元素
本例查找 id="a" 的元素，然後查找 id="a" 元素中的所有 元素：

3.通过类名找到 HTML 元素
本例通过 getElementsByClassName 函数来查找 class="a" 的元素：

以上就是今天的笔记，明天应该会继续讲DOM，那咱们就明天再会罗~