Mootools新元素不起作用

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函數 。 因此，如果要警告元素的ID，請嘗試使用alert($('tileNode').id) 。 盡管發出警報可能效果很好，但是您可以嘗試使用javascript控制台。 代替alert(myVar)使用console.log(myVar) 。

希望這會有所幫助，並祝您編程愉快：)

Answer 3

您還可以使用它來注入：

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