回答html5中的dom是什么

 所属分类:web前端开发

 浏览:113次-  评论: 0次-  更新时间:2022-10-30
描述:更多教程资料进入php教程获得。 html5中的dom是“Document Object Model”的缩写,是文档对象模型的意思,是针对HTML和XML文档的一个API...
更多教程资料进入php教程获得。

html5中的dom是“Document Object Model”的缩写,是文档对象模型的意思,是针对HTML和XML文档的一个API;dom定义了访问和操作html文档的标准方法,通过dom可以动态的添加、移除和修改页面的某一部分。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本文操作环境:Windows10系统、html5版、Dell G3电脑。

html5中的dom是什么

DOM即文档对象模型(Document Object Model),其定义了访问和操作 HTML 文档的标准方法。

通过DOM,开发人员可以动态的添加、移除和修改页面的某一部分。

DOM(文档对象模型)是针对HTML和XML文档的一个API,通过DOM可以去改变文档。

DOM 将 HTML 文档表达为树结构,如下:

05.png

这个说法很官方,大家肯定还是不明白。

  举个例子:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节点移动到第一个节点上面去呢?

  DOM就是定义了如果做类似操作,那么应该怎么做的标准。比如用getElementById来访问节点,用insertBefore来插入节点。

  当浏览器载入HTML时,会生成相应的DOM树。

  简而言之,DOM可以理解为一个访问或操作HTML各种标签的实现标准。

通过DOM,开发人员可以动态的添加、移除和修改页面的某一部分。

由于HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM。

始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作:

  • 更新:更新该DOM节点的内容,相当于更新了该DOM节点表示的HTML的内容;

  • 遍历:遍历该DOM节点下的子节点,以便进行进一步操作;

  • 添加:在该DOM节点下新增一个子节点,相当于动态增加了一个HTML节点;

  • 删除:将该节点从HTML中删除,相当于删掉了该DOM节点的内容以及它包含的所有子节点。

推荐教程:《html视频教程》

以上就是html5中的dom是什么的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: HTML,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!