<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>js的DOM对象</title>

         <script type="text/javascript">

             // DOM：Document Object Model 文档对象模型

             /*

                 文档：超文本文档html、xml

                 对象：提供了属性和方法

                 模型：使用属性和方法操作超文本标记型文档

                 可以使用js的DOM提供的对象，使用这些对象的属性和方法，对标记型文档进行操作

                 需要把HTML里面的标签、属性、文本内容都封装成对象

              */

              /*

                 DOM模型有三种

                     DOM level 1：将HTML文档封装成对象

                     DOM level 2：在level 1的基础上添加新的功能，例如：对于事件和CSS样式的支持

                     DOM level 3：支持XML 1.0的一些新特性

              */

              /*

                 解析过程

                     根据HTMl的层级结构，在内存中分配一个树形结构，需要把HTML中的每部分封装成对象

                 document：整个HTML文档

                 element：标签对象

                 属性对象

                 文本对象

                 Node节点对象：是这些对象的父对象

              */

              /*

                 常用属性

                     all[]提供对文档中所有HTML元素的访问，FF不支持

                     forms[]返回对文档中所有Form对象引用

                     body提供对<body>元素的直接访问

                 常用方法

                     getElementById()返回对拥有指定id的第一个对象的引用

                     getElementsByName()返回带有指定名称的对象集合

                     getElementsByTagName()返回带有指定标签名的对象集合

                     write()向文档写HTML代码或JavaScript代码

              */

              window.onload = function() {

                 var spans = document.getElementsByTagName("span")[1];

                 //for (var i = 0; i < spans.length; i++)

                 //{

                     //var span = spans[i];

                     document.write("<br />span:" + spans.innerHTML);

                 //}

              }

         </script>

     </head>

     <body>

         <br /><br /><br />

         <span>AAAAA</span>

         <span>BBBBB</span>

         <span>CCCCC</span>

         <span>DDDDD</span>

     </body>

 </html>

JavaScript基础15——js的DOM对象的更多相关文章

  1. JavaScript基础17——js的Date对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JavaScript基础18——js的Array对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. JavaScript基础16——js的BOM对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. JavaScript基础14——js的Math对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. JavaScript基础13——js的string对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. 前端之JavaScript：JS之DOM对象三

    js之DOM对象三   一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for ...

  7. 前端之JavaScript：JS之DOM对象二

    继续JS之DOM对象二 前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement(' ...

  8. 前端之JavaScript：JS之DOM对象一

    js之DOM对象一 一.什么是HTML  DOM HTML  Document Object Model(文档对象模型) HTML DOM 定义了访问和操作HTML文档的标准方法 HTML DOM 把 ...

  9. js的dom对象（带实例超详细全解）

    js的dom对象(带实例超详细全解) 一.总结 一句话总结: 1.DOM中的方法区分大小写么? 解答:区分 2.DOM中元素和节点的关系式什么? 解答:元素就是标签,节点中有元素节点,也是标签,节点中 ...

随机推荐

  1. C#的设计模式分为3大类23种

    创建型: 1. 单件模式(Singleton Pattern) 2. 抽象工厂(Abstract Factory) 3. 建造者模式(Builder) 4. 工厂方法模式(Factory Method ...

  2. .net 操作 sqlite

    sqlite 表结构和数据的导出 全部导出 sqlite3 data.db >.output dd.sql >.dump 待续

  3. 从头学Qt Quick（1） --体验快速构建动态效果界面

    自2005年Qt4发布以来,Qt已经为成千上万的应用程序提供了框架服务,现在Qt已经基本上支持所有的开发平台了,这里面既包含了桌面.嵌入式领域,也包括了Android.IOS.WP等移动操作平台,甚至 ...

  4. 解决 Tomcat 无法绑定 80 端口的问题，以及 Tomcat 配置虚拟目录、二级域名等

    问题 今天安装完 Tomcat,安装时把 Tomcat 默认的 HTTP/1.1 Connector Port 从 8080 改为了 7080,启动 Tomcat,在浏览器中输入 Http://loc ...

  5. B2B多商铺初期权限数据库设计

    项目从无到有,两个月了.一期完成. 权限目前还很简单.USER表,ROLE表,RESOURCE表三个. 目前只有两个商铺.id是0的是我们自己,作为后台运维管理,也抽象成一个商铺,id为0.另一个商铺 ...

  6. 后端码农谈前端（CSS篇）第二课：CSS的5个来源

    0.浏览器默认样式 当你不为html元素设置任何样式时,显示在浏览器上的(比如:<b>元素会显示粗体.<p>元素有纵向margin.<h1>元素字号比<p&g ...

  7. IP Failover Setup using Keepalived on CentOS/Redhat 6

    source url:http://tecadmin.net/ip-failover-setup-using-keepalived-on-centos-redhat-6/ Keepalived is ...

  8. JAVA jdbc(数据库连接池)学习笔记（一）

    学习内容: 1.JDBC的含义... JDBC想必学过JAVA的就不会陌生,JDBC到底是什么呢?其实就是由JAVA的一些类和接口构成的API,保存在java.sql和javax.sql..包中的一些 ...

  9. SQL Server里如何随机记录集

    今天的文章,我想给你简单介绍下SQL Server里如何随机记录集. SELECT * FROM Person.Person ORDER BY NEWID() GO 这会引入新的UNIQUEIDENT ...

  10. ASP.NET MVC和WebForm 轻松实现前端和后端的双重验证 jquery.validate+ValidationSugar

    上次不足的改进 可能上一个贴子给大家带来很多误解,所以我这次把DEMO完善了两个版本 [ASP.NET WEBFROM]和[ ASP.NET MVC] 修改了一些BUG,并且修改了一些细了 在上个贴子 ...