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

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