首页
竞赛
职业课程
师资团队
免费课程
认证考试
学习平台
学员成果
关于我们
网络安全文章页活动benner
新闻详情页
dom是什么?程序员天天说的DOM你知道是什么吗

前端程序员的发展路线已经比较成熟了,学前端,做前端已经不再是难事。前端中有一个名词叫做DOMDOM是什么?程序员天天说的DOM你知道是什么吗?

HTML DOM(文档对象模型)是 Web 前端里最基础、最常用的模型。例如,一个网页其实就是一个 HTML 文件,经过浏览器的解析,最终呈现在用户面前。一个HTML网页中,head body 是标签。这些标签不是随意摆放的,它们有自己的规则。首先,它们是嵌套的,一层套一层,比如 html bodybody 又套 h1

dom是什么

其次, 每一层可以同时存在很多标签,比如 head body 属于同一层,它们被外面的 html 套着。这样的结构很像计算机里的文件夹。例如,我的电脑是最外层,里面套着 CDEF 盘,每个盘里又有很多文件夹,文件夹里又有文件夹,逐个打开后才能看到具体的文件。

为什么要按照这种结构来组织呢?目的其实是方便解析和查询。解析的时候,从外向里循序渐进,好比按照图纸盖房子,先盖围墙,再盖走廊,最后才盖卧室。查询的时候,会遵循一条明确的路线,例如“D/文化交流/影视作品/给产品经理讲技术avi”,一层一层地缩小范围,查找效率会非常高。

所以,浏览器在解析 HTML 文档时,会把每个标签抽象成代码里的对象,按照这种层次分明的结构组织,这就是 DOM。程序员经常说的 DOM 树,其实就是这个意思。浏览器在解析 HTML 时,会在它的内部构建这样一棵 DOM 树,然后按照这棵树上的层次顺序解析每个标签。解析完成后,用户就看到了网页的内容。

dom是什么

dom是什么?程序员天说的DOM你知道是什么吗。关注成都前端培训机构,带你了解更多相关问题。


联系电话:17713623990