Mootools的Element构造函数中的HTML?

时间:2010-08-16 16:02:31

标签: constructor mootools

我目前正在使用Mootools Element构造函数方法在表中动态添加新行。

function newPermission(somedata) {
    var newUserPerm = new Element('tr', {
        'html': '<td>foo</td><td>bar</td>'
    });
    newUserPerm.inject('permissions_table');
}

但是,在检查生成的代码后,以下HTML字符串将添加到表中:

<tr>foobar</tr>

我确信有一些方法可以发送HTML标签,但我在这里找不到太多,除了另一个问题,其中用户有一个过时的版本。 Mootools ......

1 个答案:

答案 0 :(得分:3)

这已在mootools 1.3 beta中得到修复,我认为只影响表格(否则通过元素构造函数的html setter很好) - 同时,不要通过元素构造函数设置html,而是在创建后设置它TR:

var tr = new Element('tr').inject(document.id("foo").getElement("tbody"), "top");
tr.set("html", '<td>foo</td><td>bar</td>');

这里的工作方式与你在1.3:http://www.jsfiddle.net/dimitar/ALsBK/

中的工作方式相同

这里它在1.2.4中突破:http://www.jsfiddle.net/dimitar/ALsBK/1/

并在1.2.4中工作:http://www.jsfiddle.net/dimitar/ALsBK/2/