DOM文档对象模型是HTML和XML的应用程序接口（API），DOM将整个页面规划成由节点层次构成的文档。DOM对象给予开发者对HTML的访问权限，并且使开发者能将HTML作为XML文档来处理和查看。DOM对象是与语言无关的API，意味着它的实现并不是与javascript绑定，这在于初学者来说可能会理解错误。DOM是针对XML的基于树的API，它关注的不仅仅是解析XML代码，而是用一系列相互关联的对象来表示这些代码，而这些对象可以被修改，而且无需重新解析代码就能直接访问它们。由于DOM的使用上的简便，因此它成为了Web浏览器和javascript最喜欢的方法。document对象是BOM的对象，即window.document==document，但是它又同时属于DOM，也是HTML DOM的HTMLDocument对象的一种表现形式，反过来说它也是XML DOM Document对象。JavaScript中的大部分处理DOM的过程都是利用document对象。 要访问html元素，可以利用document的documentElement特性： var oHtml=document.documentElement; oHtml对象包含一个表示<html/>的HTMLElement对象，通过： var oHead=oHtml.firstChild； var oBody=oHtml.lastChild； 可以得到分别表示<head/>和<body/>的对象，也可以通过使用childNodes特性来完成： var oHead=oHtml.childNodes[0]；//将childNodes当做Array来使用； var oBody=oHtml.childNodes[1]；//将childNodes当做Array来使用； 上述表达可以使用更加正规的表达方式，那就是shiyongitem()方法： var oHead=oHtml.childNodes.item(0); var oBody=oHtml.childNodes.item(1); 其实在HTML页DOM对象定义了document.body作为指向<body/>元素的指针，即 oBody = document.body; 但是document.head却没有定义，它的返回值是undefined；

　　推荐阅读

　　JS简单动画封装浅析

网上也有很多封装好的JS动画库，但大多因为功能过于完善，而至于代码量大动辄过千行，不宜在小项目中使用。这里自己封装了一个很轻量的动画库，主要功能都已实现。难免有疏漏之处，还请大家多多指教。 　　这里先说>>>详细阅读

本文标题：javascript学习基础笔记之DOM对象操作

地址：http://www.17bianji.com/kaifa2/JS/23951.html

 1/2    1