什么是dom0，dom1，dom2，dom3？
<h2>一、什么是dom0，dom1，dom2，dom3？</h2><p>DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。</p><p>现在基本上所有的浏览器都都执行了W3C发布的DOM规范，所以在浏览器上就可以用DOM的这些API。</p><p>DOM的级别Level</p><p>DOM0：不是W3C规范。</p><p>DOM1：开始是W3C规范。专注于HTML文档和XML文档。</p><p>DOM2：对DOM1增加了样式表对象模型</p><p>DOM3：对DOM2增加了内容模型 (DTD 、Schemas) 和文档验证。</p><h2>二、dom格式？</h2><p>dom是app文档格式。</p><p>DOM一般指文档对象模型。文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格。</p><p>DOM是一种基于树的API文档，它要求在处理过程中整个文档都表示在存储器中。</p><h2>三、dom解析？</h2><p>DOM: 要求解析器将整个XML 文档装在到内存, 并解析成一个 Document 对象.</p><p> a) . 优点: 元素与元素之间保留结构关系, 故可以进行增删改查操作.</p><p> b) . 缺点: XML 文档过大, 可能出现内存溢出现象</p><p>解析器: 就是根据不同的解析方式提供的具体实现, 有的解析器操作过于繁琐, 为开发方便, 提供了易于操作的解析开发包。</p><h2>四、dom词根？</h2><p>dom是Document Object Model缩写，翻译过来就是文档对象模型</p><p>文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTML和XML文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。</p><h2>五、dom全称？</h2><p >文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTML和XML文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。</p><h2>六、dom操作？</h2><p>文档对象模型( DOM, Document Object Model )主要用于对HTML和XML文档的内容进行操作。DOM描绘了一个层次化的节点树，通过对节点进行操作，实现对文档内容的添加、删除、修改、查找等功能。</p><p>一、DOM树</p><p>DOM树有两种，分别为节点树和元素树。</p><p>节点树：把文档中所有的内容都看成树上的节点；</p><p>元素树：仅把文档中的所有标签看成树上的节点。</p><p>二、DOM常用操作</p><p>2.1 查找节点</p><p>document.getElementById('id属性值');</p><p>返回拥有指定id的第一个对象的引用</p><p>document/element.getElementsByClassName('class属性值');</p><p>返回拥有指定class的对象集合</p><p>document/element.getElementsByTagName('标签名');</p><p>返回拥有指定标签名的对象集合</p><p>document.getElementsByName('name属性值');</p><p>返回拥有指定名称的对象结合</p><p>document/element.querySelector('CSS选择器');</p><p>仅返回第一个匹配的元素</p><p>document/element.querySelectorAll('CSS选择器');</p><p>返回所有匹配的元素</p><p>document.documentElement</p><p>获取页面中的HTML标签</p><p>document.body</p><p>获取页面中的BODY标签</p><p>document.all['']</p><p>获取页面中的所有元素节点的对象集合型</p><p>2.2 新建节点</p><p>document.createElement('元素名');</p><p>创建新的元素节点</p><p>document.createAttribute('属性名');</p><p>创建新的属性节点</p><p>document.createTextNode('文本内容');</p><p>创建新的文本节点</p><p>document.createComment('注释节点');</p><p>创建新的注释节点</p><p>document.createDocumentFragment( );</p><p>创建文档片段节点</p><p>2.3 添加新节点</p><p>parent.appendChild( element/txt/comment/fragment );</p><p>向父节点的最后一个子节点后追加新节点</p><p>parent.insertBefore( newChild, existingChild );</p><p>向父节点的某个特定子节点之前插入新节点</p><p>element.setAttributeNode( attributeName );</p><p>给元素增加属性节点</p><p>element.setAttribute( attributeName, attributeValue );</p><p>给元素增加指定属性，并设定属性值</p><h2>七、虚拟dom与真实dom的区别？</h2><p>1 虚拟dom是在操作真实dom的基础上进行操作和渲染的，相较于真实dom来说更加轻量级、高效且易于维护。2 虚拟dom不需要直接操作真实dom，而是通过diff算法和批量操作等方式，将修改后的虚拟dom与之前的虚拟dom进行比对，最终仅对需要进行更新的真实dom节点进行操作，从而降低了dom操作的成本和频率。3 使用虚拟dom可以提供更加流畅的用户体验，同时也能够减轻大型web应用程序的服务器压力。4 真实dom的操作属于浏览器的原生操作，因此在某些场景下可能比虚拟dom更加高效，例如单页面应用程序中复杂交互和低延迟等操作，但同时也会带来更多的维护和优化难度。</p><h2>八、vue虚拟dom和真实dom的区别？</h2><p>1 虚拟DOM和真实DOM的最大区别在于刷新页面方式的不同。</p><p>真实DOM需要重新渲染整个页面，而虚拟DOM只更新需要更新的部分，减少了页面重绘的操作，从而提高了页面的渲染效率。</p><p>2 虚拟DOM是在内存中维护的一份虚拟的DOM树，通过比对虚拟DOM和真实DOM的差异来进行有针对性地更新操作，实现最小化渲染，提高效率。</p><p>3 虚拟DOM还能够保证页面渲染的一致性，不受操作系统和浏览器的影响，并且方便进行跨平台和跨框架开发。</p><p>因此，虚拟DOM成为了众多前端框架和库的共同选择，如React、Vue等等。</p><h2>九、dom怎么执行？</h2><p>执行事件的步骤</p><p>1.获取事件源</p><p>⒉.注册事件（绑定事件)</p><p>3.添加事件处理程序(采取函数赋值形式)</p><p>常见的鼠标事件</p><p>鼠标事件</p><p> onclick 鼠标点击左键触发 </p><p>onmouseover 鼠标经过触发 mouseenter 第一个冒泡，第二个不会 onmouseout 鼠标离开触发 mouseleave（同理）</p><p>onfocus 获得鼠标焦点触发 onblur 失去鼠标焦点触发</p><p>onmousemove 鼠标移动触发 onmouseup 鼠标弹起触发 onmousedown 鼠标按下触发</p><h2>十、dom怎么配？</h2><p>DOM全称是Document Object Model(文档对象模型)，是为HTML和XML提供的API。</p><p>DOM可以同时提供给HTML和XML编程接口。虽然他们用来标记的标签不同，但是他们本质的结构是相同的。换句话说，按照DOM的标准，HTML和XML都是以标签为结点构造的树结构，DOM将HTML和XML的相同的结构本质抽象出来，然后通过脚本语言，如Javascript，按照DOM里的模型标准访问和操作文档内容。</p>
本网站文章仅供交流学习 ,不作为商用， 版权归属原作者，部分文章推送时未能及时与原作者取得联系，若来源标注错误或侵犯到您的权益烦请告知，我们将立即删除.
