原型缺失：元素之后

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或要扩展的元素的字符串。

如果您想选择与选择器匹配的多个元素，请使用$$（）。请注意$$（）返回一个数组，因此您必须通过枚举或使用像invoke之类的Enumerable方法来操作每个元素来调用每个元素。

试

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

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

});