原型丟失：元素

Question

我在原型

Event.observe(window, 'load', function() { 

$('li.home').setStyle({ 
    padding-top: '10px' 
}); 

}); 

使用這個腳本後，它給我的錯誤

missing : after property id 
padding-top: '10px'\n 

不是真的知道我做錯了嗎？

Answer 1

setStyle uses the camelized version of the css property you wish to set。所以，padding-top應該是paddingTop。

此外，$（）期望該參數是一個字符串，其中包含元素的ID或要擴展的元素。

如果您想要選擇與選擇器匹配的多個元素，請使用$$（）。請注意$$（）返回一個數組，因此您必須通過枚舉操作每個元素，或者使用Enumerable方法（如invoke）來調用每個元素。

嘗試

Event.observe(window, 'load', function() { 

$$('li.home').invoke("setStyle", { 
    paddingTop: '10px' 
}); 

});