Question

新元素不起作用。有人知道为什么？的CSS：

#tileNode {
position:absolute;
width:100px;
height:100px;
background-color:red;
}

JS：

window.addEvent('domready', function() {
var newElement = new Element('div',{id:"tileNode"});
newElement.inject($$('div#tileNode'));
alert($$('#tileNode').get('id'));
});

警报#root工作正常，因此它存在...创建tileNode元素不起作用警告它也不起作用：/

亲切的问候！

Answer 1

使用

newElement.inject($('root'));

如果你使用id“root”注入div，你也必须注入一个元素，使用$（'id'），因为$$返回一个数组......

Answer 2

您的代码中很少有东西引起我的注意：拳头是，new Element('div',{id:"tileNode"})完全等于new Element('div[id=tileNode]')。因为你选择的方式没有区别，所以我推荐第二种形式，因为它更具可读性。您甚至可以添加更多属性，如Element('div[id=tileNode][class=tile]')等，而不是传递对象。

如果您尝试通过其ID获取元素，则另一个优化是使用dollar function。因此，如果您想提醒元素的ID，请尝试使用alert($('tileNode').id)。虽然警报可能正常，但您可以尝试使用javascript控制台。而不是alert(myVar)使用console.log(myVar)。

希望这有帮助，并且编码很快:)。

Answer 3

您也可以使用它来注入：

newElement.inject($$('div#tileNode')[0]);

Mootools新元素不起作用

3 个答案: