原型编程样式表

prototype programmatic style sheet

本文关键字：样式 编程 原型      更新时间：2023-09-26

请原谅我的天真，但我已经定义了样式，单击按钮后，我想为元素指定一个样式。目标元素是"msg00"，我无法确定要选择哪个属性来分配所需的样式表。$$('id="msg00"').style="start";可知错误。同样，在jQuery中，这会有什么不同？我可以迁移到。

$$('id="msg00"')是错误的语法。通过ID查找单个元素的首选方法是使用$

$('msg00') // returns a single element

通过属性查找元素的一般方法是使用属性选择器。但这会返回一个数组，因此您无法直接访问它的style属性或任何其他属性。您将不得不求助于任何一个Array或Enumerable方法。

$$('[id=msg00]') // returns an array of elements

现在，要为已找到的元素指定样式，可以使用方便的Element#setStyle方法。

$('msg00').setStyle({
    backgroundColor: 'red'
});

作为一个例子，这里具有相同的效果，但是对于所有msg*元素。

// this selector means an ID which starts with "msg"
$$('[id^=msg]').invoke('setStyle', {
    backgroundColor: 'red'
});
相关文章：