DOM学习总结（一）

一.什么是 DOM？

DOM 定义了访问 HTML 和 XML 文档的标准：

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

简单来说 HTML DOM 就是关于如何获取、修改、添加或删除 HTML元素的内容的一种方法

 

二.DOM节点

在 HTML DOM 中，所有的元素都是节点，DOM 是被视为节点树的 HTML

想要操作HTML的元素，其实就是操作节点

• 整个文档是一个文档节点
• 每个 HTML 元素是元素节点
• HTML 元素内的文本是文本节点
• 每个 HTML 属性是属性节点
• 注释是注释节点

三.怎么使用DOM？

1.找到想要操作的元素

常见的用来获取元素的方法有：

getElementById()   //选取id 

getElementsByTagName()     //选取标签名

getElementsByClassName() //选取.class类名

2.找到目标元素之后就可以进行操作：

修改内容

改变样式

添加事件

....