<p>dom树是html文档的层级结构表示，其中html标签为根节点，head、body为子节点，其下元素逐级展开形成树状结构；1.通过javascript操作dom可访问和修改节点，常用方法包括document.getelementbyid、getelementsbyclassname、getelementsbytagname、queryselector和queryselectorall来查找元素；2.修改元素内容可用innerhtml或textcontent，设置属性用setattribute，修改样式用style.propertyname；3.创建元素使用createelement和createtextnode，添加用appendchild或insertbefore，删除用removechild；4.为提升性能应减少直接dom操作，可通过批量更新、使用documentfragment和缓存节点优化；5.虚拟dom是前端框架为解决性能问题引入的技术，通过在内存中比较新旧虚拟dom差异，仅将变化部分更新到真实dom，从而减少重渲染开销，提高页面性能。
<p>
<p>HTML DOM 就像一个树状图，它把 HTML 文档的每个元素都看作一个对象，你可以通过 JavaScript 来访问和修改这些对象，从而动态地改变网页的内容和结构。
<p>HTML DOM（文档对象模型）是 HTML 文档的标准对象表示，它定义了访问和操作 HTML 文档的标准方法。
什么是 DOM 树？
<p>DOM 树是 HTML 文档的层级结构表示。想象一下，你的 HTML 代码就像一棵树，
<html>
标签是树根，
<body>
、
<head>
是树干，而段落
<p>
、标题
<h1>
、链接
<a>
等元素就是树枝和树叶。每个 HTML 标签、属性、文本都对应 DOM 树上的一个节点。
<p>立即学习“前端免费学习笔记（深入）”；
<p>举个例子，假设你有以下 HTML 代码：
<html> <head>我的网页 <body> <h1>欢迎来到我的网页 <p>这是一个段落。
暂无评论内容