效果看演示,这是此书第三章的一个例子,与原书中示例不同的是,经过封装,结构更清晰,调用更方便,方法实现也因为封装而做了稍为的改动。

其中generateDOM里边几个方法介绍:

generateDOM = {
    generate: function(){}, 
    // 这是入口的核心方法,外部绑定到onclick事件处理
    // 在这中通过 walkTheDOMRecursive() 递归子节点,调用 processNode() 方法对节点元素进行转化
    processNode: function(){},
    // 如果存在诸如: <div class="" style=""></div> 中的 class,style等属性时,循环遍历属性,
    // 并通过 walkTheDOMRecursive() 进行递归,调用 processAttribute() 方法对节点属性进行转化
    processAttribute: function(){}
}

本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2012/02/15/2352220.html,如需转载请自行联系原作者

JavaScriptDOM高级程序设计- generateDOM.js相关推荐

  1. js高级程序设计(一) —— js简介

    学习<JavaScript高级程序设计>的知识总结,以及对部分内容的扩展~ 1.一个完整的js实现的三个部分 核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ...

  2. JS高级程序设计拾遗

    <JavaScript高级程序设计(第三版)>反反复复看了好多遍了,这次复习作为2017年上半年的最后一次,将所有模糊的.记不清的地方记录下来,方便以后巩固. 0. <script& ...

  3. 《Ext JS 高级程序设计》的目录与样张

    第一部分 Ext Core 第1 章 Ext Core 重要概念 ············· 2 1.1 Ext.Element······························· 2 1. ...

  4. Ext JS高级程序设计

    Ext JS高级程序设计 图书详细情况查看: http://www.china-pub.com/193076 市场价 :¥59.00 会员价 : ¥44.25(75折) [作 者]黄灯桥;徐会生 [同 ...

  5. js高级程序设计第四部分

    js高级程序设计:BOM.客户端检测 BOM window对象 在浏览器中,window 对象有双重角色,它既是通过 JavaScript 访问浏览器窗口的一个接口,又是 ECMAScript 规定的 ...

  6. 读js高级程序设计中有感

    我现在都到js高级程序设计最难的章节,第六章,对象,虽然有人推荐不用全部读完,但我还是完整的读一遍吧,一遍可以敲代码一边看书理解加百度,我认为这种方式很好,可以加深理解增强印象,这是我觉得这本书比JS ...

  7. JS高级程序设计【红宝书】学习笔记——数据类型

    目录 数据类型 Number类型 1.值的范围 2.NaN 3.数值转换 String类型 1.字符字面量(详见JS高级程序设计P63 2.转换为字符串 Symbol类型 Object类型 objec ...

  8. Js高级程序设计第三版学习(十二章)

                                  Js高级程序设计第三版学习(十二章) 第十二章 DOM2和DOM3   1.样式: 访问样式属性 任何支持style特性的HTML元素都有一 ...

  9. JS高级程序设计——阅读笔记四

    JS高级程序设计--阅读笔记四 第六章 集合引用类型 6.1 Object 6.2 Array 6.2.1 创建数组 from()函数 6.2.2 数组空位 6.2.3 数组索引 6.2.4 检测数组 ...

最新文章

  1. nutz 结合QueryResult,Record 自定义分页查询,不构建pojo 整合
  2. 如何用Dart写一个单例
  3. 风电功率预测matlab,一种基于二十四节气的风电功率预测方法与流程
  4. UI组件之 ProgressBar及其子类(一)ProgressBar进度条的使用
  5. 通过MULE集成服务的几种方式
  6. Oracle中的UPDATE FROM解决方法
  7. C. Minimum Grid Path(思维)
  8. Codeforces 666E. Forensic Examination
  9. jquery 加载显示loading图标_王者荣耀100强什么意思?loading界面左上角100强有什么含义...
  10. Flex及AIR开发资源集合
  11. [转]RamDisk导致远程桌面客户端无法启动问题
  12. 北邮 复习 软件工程_【真题回忆】2018北邮软件工程专业课真题回忆版
  13. 安慕希酸奶推出草莓味了
  14. 对 ESX/ESXi 上的网络和 TCP/UDP 端口连接问题进行故障排除 (2020669)
  15. PHP网上购物商城系统 毕业设计参考
  16. STC8PMW波输出
  17. JavaScript 数据结构与算法(队列)
  18. 安全模式删除入网小助手_入网小助手 监控
  19. 图片怎么格式转换成jpg?介绍几种思路
  20. 【通关MySQL】MySQL增删改查(CRUD)详解

热门文章

  1. selenium+python自动化测试系列(二):AutoIt工具实现本地文件上传
  2. GTID复制异常的解决步骤
  3. (寻找第K小的数amp;amp;寻找第K小的数的和)
  4. 【转】读《精进》,好书啊
  5. 关于设置安卓屏幕的显示方向
  6. HDU-2082 找单词 母函数
  7. Yii --EClientScript 扩展,css,js文件代码压缩合并加载
  8. try...catch...finally的陷阱——加锁的线程开发经验分享
  9. cts测试终于全测了一遍了
  10. 开发了个 Flipper 调试工具的 Flutter 版本 SDK,让 Flutter 应用调试起来更容易 1