首页 教程 API文档

通过DOM元素载入模板

2015-09-10 15:50:58

属性


使用频率
所属模块 Std.template
成员类型 公有成员函数

描述


loadFromElement函数用于从一个指定的DOM元素中的载入模板, 该方法会读取这个DOM元素的innerHTML作为模板的内容,如果这个DOM元素上包含有std-name属性, 那么这个模板的内容同时还会被自动通过Std.template.add保存起来.

语法



Object loadFromElement(Object element);
Object loadFromElement(String selector);
Object loadFromElement(Object element,Function callback);
Object loadFromElement(String selector,Function callback);
        

参数


名称 类型 描述
element Object 指定的DOM元素
selector String 指定的DOM元素的css选择器
callback Function 当载入完成之后执行的回调函数

返回值


this对象

相关例子


html代码


<div id="templateElement">
    <div>
        <span>物品名称:</span>
        <span><?=name?></span>
    </div>
    <div>
        <span>物品价格:</span>
        <span><?=price?></span>
    </div>
</div>
        

js代码


var template = new Std.template();
template.loadFromElement(document.body);
template.render({
    name:"computer",
    price:500
});
        

通过render方法得到以下字符串


<div id="templateElement">
    <div>
        <span>物品名称:</span>
        <span>computer</span>
    </div>
    <div>
        <span>物品价格:</span>
        <span>500</span>
    </div>
</div>