什么是DOM（个人理解）

了解DOM需要清楚几个问题：

1. 什么是DOM？
2. DOM可以用来干什么？
3. DOM是怎么来的？
4. 怎么使用DOM？

---

 

1.  

2. 什么是DOM? 
   DOM(document Object Model）,是针对HTML和XML的API。 可以理解为DOM就是一系列功能集合。

3. DOM可以用来干什么？ 
   理解了DOM是API，就知道它就是一些功能，通过这些功能可以对HTML文档进行动态操作，从而实现许多动态交互效果。

4. DOM是怎么来的？ 
   回答这个问题需要追溯到1990年代后期微软与Netscape的‘浏览器大战’。

5. 怎么使用DOM? 
   通过javascript对HTML DOM进行访问。 
   HTML DOM将html元素定义为对象，API以对象方法和对象属性的形式实现。 
   可直接调用DOM实现的方法，进行DOM操作，例如： 

   
   getElementById() 
   返回带有指定 ID 的元素。 
   getElementsByTagName() 
   返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 
   getElementsByClassName() 
   返回包含带有指定类名的所有元素的节点列表。 
   appendChild() 
   把新的子节点添加到指定节点。 
   removeChild() 
   删除子节点。 
   replaceChild() 
   替换子节点。 
   insertBefore() 
   在指定的子节点前面插入新的子节点。 
   createAttribute() 
   创建属性节点。 
   createElement() 
   创建元素节点。 
   createTextNode() 
   创建文本节点。 
   getAttribute() 
   返回指定的属性值。 
   setAttribute() 
   把指定属性设置或修改为指定的值。

转载至 https://blog.csdn.net/makel12/article/details/51193520

看完以上的文章后，对dom的理解加上几点

我们以后把dom理解成map，实际中的地图，用专业术语将就是树的节点

操作dom也就是操作树的节点，这样子解释更加白话，对刚学的朋友应该更能理解