效果看演示,这是此书第三章的一个例子,与原书中示例不同的是,经过封装,结构更清晰,调用更方便,方法实现也因为封装而做了稍为的改动。
其中generateDOM里边几个方法介绍:
generateDOM = {
generate: function(){},
// 这是入口的核心方法,外部绑定到onclick事件处理
// 在这中通过 walkTheDOMRecursive() 递归子节点,调用 processNode() 方法对节点元素进行转化
processNode: function(){},
// 如果存在诸如: <div class="" style=""></div> 中的 class,style等属性时,循环遍历属性,
// 并通过 walkTheDOMRecursive() 进行递归,调用 processAttribute() 方法对节点属性进行转化
processAttribute: function(){}
}
generate: function(){},
// 这是入口的核心方法,外部绑定到onclick事件处理
// 在这中通过 walkTheDOMRecursive() 递归子节点,调用 processNode() 方法对节点元素进行转化
processNode: function(){},
// 如果存在诸如: <div class="" style=""></div> 中的 class,style等属性时,循环遍历属性,
// 并通过 walkTheDOMRecursive() 进行递归,调用 processAttribute() 方法对节点属性进行转化
processAttribute: function(){}
}