类说明: DomHelper 这个类对普通的DOM 或者HTML 片段封装了一些常用的方法,特别创建HTML fragment templates
DomHelper 规定的对象格式: 这个对象格式用来创建DOM 元素,对象的属性相当于普通DOM 元素的属性,如下所示:
- tag : 要创建的元素名称
- children : 或者是 cn ,此层的孩子结点,孩子的数据格式和上层是一样的
- cls : 定义元素的class 属性
- html : 此元素的innerHTML
此类的定义的方法:
- append :
- insertBefore :
- insertAfter :
- overwrite :
- createTemplate :
- insertHtml :
示例1 :
原来的页面html 代码:
运行上述代码之后:
示例2 :模板方法
1. 用规定的格式创建模板方法,用顺序号代替参数
原来的html 代码:
运行上述代码之后:
2.用字符串的形式创建模板方法, 用顺序号代替参数
原来的html 代码:
运行上述代码之后:
3.用字符串的形式创建模板方法, 指定 key
以下代码和 2 中代码运行的效果是一样的。
示例3:其他方法
1. insertHtml
上述代码运行效果
上述代码运行效果:
上述代码运行效果:
上述代码运行效果: