FireBug模板布局 --- Domplate

FireBug中布局,必须通过FireBug提供的函数来完成的，

举例说明：

var template = domplate({ tag: DIV( IMG({src:"http://icon.zol-img.com.cn/logo.gif"}), BR(), SPAN({class:"greenLabel "},"中关村在线") ) }); template.tag.replace({}, parentNode, template);

 

这段代码将会被解析成

 

<div class=" "> <img class=" " src="http://icon.zol.com.cn/logo.gif" mce_src="http://icon.zol.com.cn/logo.gif"/> <br class=" "/> <span class="greenLabel ">中关村在线页面检查</span> </div>

 

domplate()传入的参数的写法是

{

    tag:HTML标签的函数, //主要完成布局

    自定应标签中的函数名:function(event){event.target.innerHTML}//相关函数

}

 

对于HTML标签函数，

我们可以尝试将HTML大写作为函数名

比如SPAN('nihao') 将来就会被解析成 <span>nihao</span>

如果给解析后的标签添加属性怎么办？方法也非常简单: DIV({class:"divclass"},"div内容")