DOM的理解

Posted 2020-11-01 雷小喵

　　刚刚接触到dom的时候感觉很迷茫，什么是dom，不能理解，感觉学dom没什么用，就没仔细学，关于dom的知识直接过了。而过了几天有人来考我dom是什么，结果可想而知了，他告诉我dom是html里面一个很重要的东西。后来仔细看了下，原来我一直就在用html dom,例如这个getElmentById()方法和innerHtml属性。

什么是dom?

　　dom是一个文档对象模型，是w3c（万维网联盟）的标准。

　　html dom 定义了访问和操做html文档的标准，是html的标准对象模型，是html的标准接口。

　　简而言之，HTML DOM 就是是关于如何获取、修改、添加或删除 HTML 元素的标准。

dom的功能

　　1、查询某个元素

　　2、查询某个元素的祖先、兄弟及后代

　　3、 获取、修改元素的属性

　   4、 获取、修改元素的内容

　   5、创建、插入和删除元素

dom的节点

　　在html dom中所有事物都是节点。dom是被视为节点树的html。

　　通过 HTML DOM，树中的所有节点均可通过 javascript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。

html dom 方法

　　html dao方法是我们可以在节点上在执行的动作。

　　编程接口

　　　　可通过编程语言对html dom进行访问。

　　　　所有html元素被定义为对象，而编程接口则是对象的方法和对象的属性

　　　　方法是您能够执行的动作

　　　　属性是您能够获取或设置的值

　　常用的html dom方法

　　　　getElementById(id) - 获取带有指定id的节点

　　　　appendChild(node) - 插入新的子节点

　　　　removeChild(node) - 删除子节点

　　常见的html dom属性

　　　　innerHtml - 节点的文本值

　　　　parentNode - 节点的父节点

　　　　childNodes - 节点的儿子节点

　　　　attributes - 节点的属性节点

　　注：可以样理解HTML dom

　　　　　某个人是一个对象，人的方法有eat(),sleep(),work(),play()等等，所有的人都有这些方法，但会在不同的时间执行他们，一个人的属性包括姓名、身高、体重、年龄等等。所有的人都有这些属性，但他们的值因人而异。