Javascript 使用PrototypeJS添加CSS样式

我有一个div，我想使用PrototypeJS添加一个新样式。但是下面的脚本不起作用。怎么了

<div class='exercise-main'>
</div>

$$('.exercise-main').setStyle({
    backgroundColor: '#900',
    fontSize: '12px'
});

$$函数返回所有匹配元素（如果有）的数组。setStyle是一种元素方法，而不是数组方法

这里有几个选项

如果您只希望匹配单个元素，那么这将起作用

$$('.exercise-main')[0].setStyle({color:'red'});

如果要在每个匹配的元素上设置样式，则这两种方法都可以。它们本质上是一样的

$$('.exercise-main').each(function(element) {
    element.setStyle({color: 'red'});
});

或

当然，如果您的元素有一个id，您可以使用$function只查找该元素。这与$$的不同之处在于，您没有向它传递选择器字符串，而只是传递id的字符串，即no。此外，这只返回元素或null（不是数组），因此可以直接从返回的值使用元素方法，类似于最初尝试的方法

$('myElementId').setStyle({color:'red'});

$$函数返回所有匹配元素（如果有）的数组。setStyle是一种元素方法，而不是数组方法

这里有几个选项

如果您只希望匹配单个元素，那么这将起作用

$$('.exercise-main')[0].setStyle({color:'red'});

如果要在每个匹配的元素上设置样式，则这两种方法都可以。它们本质上是一样的

$$('.exercise-main').each(function(element) {
    element.setStyle({color: 'red'});
});

或

当然，如果您的元素有一个id，您可以使用$function只查找该元素。这与$$的不同之处在于，您没有向它传递选择器字符串，而只是传递id的字符串，即no。此外，这只返回元素或null（不是数组），因此可以直接从返回的值使用元素方法，类似于最初尝试的方法

$('myElementId').setStyle({color:'red'});

---

如果我的回答有帮助，如果你接受我的回答，我将不胜感激。谢谢如果我的回答有帮助，如果你接受我的回答，我将不胜感激。谢谢^