Native: Element

Користувацький Native для дозволу використання всіх його методів з будь-яким DOM-елементом через доларову функцію $.

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) CSS властивість стилю, яку ви хочете отримати.

Повертає:

• (string) Значення стилю.

Приклади:

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

Element Method: setStyles

Застосовує набір стилів до Елемента.

Синтаксис:

myElement.setStyles(styles);

Аргументи:

1. styles - (object) Об'єкт пар властивість/значення для всіх стилів, які потрібно застосувати.

Повертає:

• (element) Цей елемент.

Приклад:

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

});

Див. також:

• Element:getStyle

Element Method: getStyles

Повертає об'єкт стилів Елемента для кожного переданого аргументу.

Синтаксис:

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

Аргументи:

1. properties - (strings) Будь-яка кількість властивостей стилю.

Повертає:

• (object) Об'єкт ключ/значення з CSS стилями, обчисленими браузером.

Приклади:

$('myElement').getStyles('width', 'height', 'padding');

//returns {width: "10px", height: "10px", padding: "10px 0px 10px 0px"}

Див. також:

• Element:getStyle