JavaScriptDOM高级程序设计- generateDOM.js

简介:

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

其中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,如需转载请自行联系原作者


目录
相关文章
|
22天前
|
JavaScript
js 中操作dom
js 中操作dom
109 64
|
15天前
|
JavaScript 前端开发
JavaScript HTML DOM
JavaScript HTML DOM
28 2
JavaScript HTML DOM
|
13天前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
15 5
|
13天前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 集合(Collection)
JavaScript HTML DOM 集合(Collection)
11 4
|
14天前
|
JavaScript 前端开发 索引
你可能没有听说过 js中的 DOM操作还有这个: HTMLCollection 和 NodeList
该文章详细解释了JavaScript中HTMLCollection和NodeList这两种DOM集合类型的特性、使用方法及其区别,并通过实例代码展示了如何操作这两种集合来选取和遍历DOM元素。
|
15天前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
15 5
|
13天前
|
JavaScript 前端开发
JavaScript HTML DOM 元素 (节点)
JavaScript HTML DOM 元素 (节点)
19 2
|
15天前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
19 4
|
15天前
|
JavaScript 前端开发
JavaScript HTML DOM EventListener
JavaScript HTML DOM EventListener
14 2
|
15天前
|
JavaScript 前端开发