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]);