Element/Style - MooTools 中文文档

返回介绍

Element/Style

发布于 2019-07-06 字数 1871 浏览 772 评论 0

Type: Element

自定义类型,它的方法允许所有的Element对象使用。

Element Method: setStyle

设置一个元素的CSS属性。

语法:

myElement.setStyle(property, value);

参数:

  1. property – (string) 要设置的属性。
  2. value – (mixed) 属性值,当是一个数字时,并且属性需要一个单位时,自动加上’px’ 。

返回:

  • (element)当前元素。

例如:

//Both lines have the same effect.
$('myElement').setStyle('width', '300px'); // the width is now 300px.
$('myElement').setStyle('width', 300); // the width is now 300px.

注意事项:

  • 所有的数值会自动四舍五入到最接近的整数。

Element Method: getStyle

返回指定样式.

语法:

var style = myElement.getStyle(property);

参数:

  1. property – (string) 要取得的样式名。

返回:

  • (string) 样式值。

示例:

$('myElement').getStyle('width'); // returns "300px".
$('myElement').getStyle('width').toInt(); // returns 300.

Element Method: setStyles

设置一组样式。

语法:

myElement.setStyles(styles);

参数:

  • styles – (object) 一个包含多个属性的对象。

返回:

  • (element)这个元素。

例如:

$('myElement').setStyles({
    border: '1px solid #000',
    width: 300,
    height: 400
});

Element Method: getStyles

返回一组属性.

语法:

var styles = myElement.getStyles(property[, property2[, property3[, ...]]]);

参数:

  1. properties – (string)任意数量的样式名。

返回:

  • (object)样式值。

示例:

$('myElement').getStyles('width', 'height', 'padding');
// returns {width: '10px', height: '10px', padding: /10px 0px 10px 0px'}

上一篇:Element

下一篇:Element/Event

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!