首页 > 代码库 > JavaScript基础15——js的DOM对象

JavaScript基础15——js的DOM对象

 1 <!DOCTYPE html> 2 <html> 3     <head> 4         <meta charset="UTF-8"> 5         <title>js的DOM对象</title> 6         <script type="text/javascript"> 7             // DOM:Document Object Model 文档对象模型 8             /* 9                 文档:超文本文档html、xml10                 对象:提供了属性和方法11                 模型:使用属性和方法操作超文本标记型文档12                 可以使用js的DOM提供的对象,使用这些对象的属性和方法,对标记型文档进行操作13                 需要把HTML里面的标签、属性、文本内容都封装成对象14              */15              /* 16                 DOM模型有三种17                     DOM level 1:将HTML文档封装成对象18                     DOM level 2:在level 1的基础上添加新的功能,例如:对于事件和CSS样式的支持19                     DOM level 3:支持XML 1.0的一些新特性20              */21              /* 22                 解析过程23                     根据HTMl的层级结构,在内存中分配一个树形结构,需要把HTML中的每部分封装成对象24                 document:整个HTML文档25                 element:标签对象26                 属性对象27                 文本对象28                 Node节点对象:是这些对象的父对象29              */30              /* 31                 常用属性32                     all[]提供对文档中所有HTML元素的访问,FF不支持33                     forms[]返回对文档中所有Form对象引用34                     body提供对<body>元素的直接访问35                 常用方法36                     getElementById()返回对拥有指定id的第一个对象的引用37                     getElementsByName()返回带有指定名称的对象集合38                     getElementsByTagName()返回带有指定标签名的对象集合39                     write()向文档写HTML代码或JavaScript代码40              */41              window.onload = function() {42                 var spans = document.getElementsByTagName("span")[1];43                 //for (var i = 0; i < spans.length; i++)44                 //{45                     //var span = spans[i];46                     document.write("<br />span:" + spans.innerHTML);47                 //}48              }49         </script>50     </head>51     <body>52         <br /><br /><br />53         <span>AAAAA</span>54         <span>BBBBB</span>55         <span>CCCCC</span>56         <span>DDDDD</span>57     </body>58 </html>

技术分享

JavaScript基础15——js的DOM对象