属性
使用频率 |
中 |
所属模块 |
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 |
当载入完成之后执行的回调函数
|
相关例子
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>