这次给大家带来使用dom的一些小结，使用dom的注意事项有哪些，下面就是实战案例，一起来看一下。
DOM是语言中立的API,用于访问html,xml文档。DOM1级将html和xml文档形象的看作为一个参差画的节点树，可以使用javascript来操作这个节点数，进而改变迪岑文档的外观和结构。
DOM由各种节点构成，简要总结如下：
最基本的节点类型就是Node,用于抽象的表示文档中的一个独立部分，所有其他类型都继承自Node。
.Document 类型表示的是整个文档，是一组分层节点的根节点。在javascript中，document对象是Document的一个实例，使用document对象，有很多种方式查询和取得节点。第一，其可以获取文档的子节点，如 var hetml=document.documentElement;//取得对html的引用。第二是其可以获得文档信息，例如：var original=document.tittle; document.tittle=”new tittle”;//设置文档的标题。第三是查找元素，其中有getElementById(),和 getElementByName();
Element节点表示对相对于html和xml的所有元素，可以用来操作这些元素的内容和属性。
还有一些节点类型，分别表示文档内容（text）,注释（comment）,文档类型（Documentype）,CDATA区域（CDATAsection）和文档片段。
访问DOM的操作在很多情况下很直观，不过在处理script 和style元素的时候还是存在一些问题，由于这两个元素包含脚本和样式信息，因此在浏览器通常会将他们区别对待。
理解DOM的关键是，就是理解DOM对性能的影响，DOM往往是javascript中程序开销最大的部分，而且因为访问Nodelist问题比较多，NoList导致的问题为最多，NdeList对像是动态的，这就意味着每次访问NodeList对象，就要运行一次查询，有鉴于此，最好的办法就是减少DOM的操作。
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
js设计模式之-单例模式的使用
前端为什么要使用模块化？
以上就是使用DOM的一些小结的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2782906.html
