首页 > 代码库 > 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对象
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。