Mootools的new Element不起作用

Mootools new Element does not work

本文关键字：不起作用 Element new Mootools      更新时间：2023-09-26

new Element无效。有人知道为什么吗?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元素不工作，警告它也不工作:/

亲切的问候!

use

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

如果你注入id为'root'的div，你也必须注入一个元素，使用$('id')，因为$$返回一个数组…

你的代码中有几件事引起了我的注意:首先，new Element('div',{id:"tileNode"})完全等于new Element('div[id=tileNode]')。既然选择哪种方式没有区别，我推荐第二种形式，因为它更具可读性。你甚至可以添加更多的属性，如Element('div[id=tileNode][class=tile]')等，而不是传递一个对象。

另一个优化是，如果您试图通过id获取元素，则使用dollar函数。因此，如果您想要警告元素的id，请尝试使用alert($('tileNode').id)。虽然警报可能工作得很好，但您可以尝试使用javascript控制台。用console.log(myVar)代替alert(myVar)

希望这对你有帮助，祝你编码愉快!)

你也可以用它来注入:

newElement.inject($$('div#tileNode')[0]);
相关文章：