DOM简介，DOM树简介，获取元素节点对象； DOM对象的常见的元素属性

13  DOM简介：DOM(Document Object Model)文档对象模型  文档指的是：标记型文档（HTML等）

DOM 是将标记型的文档中内容（标签，文本， 属性等）都封装成对象，

通过操作对象的属性或者方法，来达到操作或者改变Html展示效果的目的。

14  DOM树简介

HTML文档会被浏览器由上到下一次加载并解析。加载到浏览器的内存，加载到DOM数上

其中：每个标签会被加载成DOM树上的一个元素节点对象；

每个标签的属性会被加载成DOM树上的一个属性节点对象；

每个标签的内容会被加载成DOM树上的一个文本节点对象；

整个DOM树，是一个文档节点对象，即DOM对象。

一个HTML文档加载到内存中就会形成一个DOM对象

DOM数的特点：

必定会有一个根节点，

每个节点都是节点对象

常见的节点关系：父子节点关系

文本节点对象没有子节点--叶子节点

每个节点都只有一个父节点，同时也可能会有零个或多个子节点

只有根节点没有父节点，

15 获取元素节点对象

在JavaScript中，我们可以通过DOM对象的4种方式获取对应的元素对象。

document.

getElementById（）；---通过元素（标签）ID获取对应的元素对象，如果找不到返回null

getElementsByName（）；通过元素（标签）的name属性获取符合要求的所有元素，返回的是元素节点对象数组，如果找不到，不存在返回空数组

getElementsByTagName（）； 通过元素（标签）的元素（标签）名属性获取符合要求的所有元素，返回的也是数组，找不到，返回空数组

getElementsByClassName（）；通过元素（标签）的class属性获取符合要求的所有元素，返回的是元素节点的数组，如果不存在，返回空数组，

16  获取元素节点的注意事项：

获取某个或者某些元素节点对象，必须保证元素节点对象被先加载到内存中；

17  DOM对象的常见的元素属性：

Value：元素对象.value，获取该对象的value值

元素对象.value = “新值“ 给value赋予新的值

可以用来修改value的值

Var t1 = document.getElementById(“ID”) ；通过id获取对象 通过对象.value获取值

className：和value用法一样 。

可以用来修改元素的样式：

Checked ：在javascript中属性值只有true和false

元素对象.checked 获取元素对象的checked属性值

元素对象.checked =新的属性值true或者false； 设置新的属性值

可以修改单选后者复选的 默认选中

InnerHTML:

元素对象.innerHTML获取元素对象的内容体

元素对象.innerHTML =值 设置 （修改）元素对象的内容

元素 对象 innerHTML += 值 在末尾追加元素 对象的内容