MooTools提供了一些特殊方法来设置和获取DOM元素的样式属性值。我们使用不同的样式属性，例如宽度，高度，背景颜色，字体粗细，字体颜色，边框等。通过为这些样式属性设置并获取不同的值，我们可以呈现不同样式的HTML元素。

设置和获取样式属性

MooTools库包含用于设置或获取特定样式属性或多个样式属性的值的不同方法。

setStyle（）

此方法允许您为DOM元素的单个属性设置值。此方法将对特定DOM元素的选择器对象起作用。让我们以提供div元素的背景色为例。看一下下面的代码。

例

      
      
      
   
   
   
      
A
      
B
      
C
      
D
      
E
   
   

您将收到以下输出-

输出

getStyle（）

getStyle（）方法用于检索元素的样式属性的值。让我们以一个示例为例，该示例检索名为body_wrap的div的背景色。看一下下面的语法。

句法

//first, set up your variable to hold the style value
var styleValue = $('body_wrap').getStyle('background-color');

多种样式属性

MooTools库包含用于设置或获取特定样式属性或多个样式属性的值的不同方法。

setStyle（）

如果要在单个元素或元素数组上设置多个样式属性，则必须使用setStyle（）方法。看一下setStyle（）方法的以下语法。

句法

$('').setStyles({
   //use different style properties such as width, height, background-color, etc.
});

例

您将收到以下输出-

输出

尝试在网页上使用这些按钮，您可以看到div大小的差异。