Rumah  >  Artikel  >  hujung hadapan web  >  使用DOM的一些小结

使用DOM的一些小结

php中世界最好的语言
php中世界最好的语言asal
2018-03-14 14:53:091691semak imbas

这次给大家带来使用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的操作。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

js设计模式之-单例模式的使用

前端为什么要使用模块化?

Atas ialah kandungan terperinci 使用DOM的一些小结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn