JavaScriptDOM高级程序设计 generateDOM.js

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

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

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

实例下载 

原文地址:https://www.cnblogs.com/jikey/p/2352220.html