什么是DOM（个人理解）

待我称王封你为后i 2022-05-19 07:42 233阅读 0赞

# 了解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][https_blog.csdn.net_makel12_article_details_51193520]

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

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

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

[https_blog.csdn.net_makel12_article_details_51193520]: https://blog.csdn.net/makel12/article/details/51193520