Mootools：将HTML文本添加到Element

Question

我正在使用mootools.js，我有这个代码：

this.html.chat_title = new Element('span', {
    'id' : 'chat_title',
    html : 'this is the title'
}).inject(this.html.container);

问题是：

span id="chat_title" html="this is the title"

如您所见，它不会将文本放在标记的HTML中，而是作为属性。

有什么问题？

非常感谢你！

Answer 1

这是因为MooTools 1.1.2中没有Element.Properties.html setter和getter。您可以改用setHTML方法：

this.html.chat_title = new Element('span', {
    'id': 'chat_title'
}).setHTML('this is the title').inject(this.html.container);

否则，请创建自己的setter和getter，或者更新到更新版本的MooTools。

Answer 2

这是有效的代码，所以我唯一的建议是尝试下载完整版的MooTools Core，以确保您没有错过所需的组件（如果您使用Core Builder下载）。

Answer 3

有趣..你在使用MooTools 1.1.2吗？我在jsfiddle看到了相同的内容。 html被添加为属性，而不是元素的innerHTML。

如果是这种情况，我建议您尝试升级。 1.1.2现在已经老了很久了。