Книга: JavaScript. Подробное руководство, 6-е издание
19.2.2. Чтение и запись значений CSS-атрибутов
19.2.2. Чтение и запись значений CSS-атрибутов
Метод css()
напоминает метод attr(),
но работает не с HTML-атрибутами, а со стилями CSS элемента. При чтении значений стилей метод css()
возвращает текущий (или «вычисленный»; раздел 16.4) стиль элемента: возвращаемое значение может быть определено в атрибуте style
или в таблице стилей. Обратите внимание, что нельзя получить значения составных стилей, таких как «font» или «margin». Вместо этого следует запрашивать отдельные стили, такие как «font-weight», «font-family», «margin-top» или «margin-left». При записи значений стилей метод css()
просто добавляет их в атрибут style элемента. Метод css()
позволяет указывать имена стилей CSS с дефисами («background-color») или имена свойств в языке JavaScript с переменным регистром символов («backgroundColor»). При чтении значений стилей метод css()
возвращает числовые значения в виде строк с добавлением единиц измерения в конце. Однако при записи он преобразует числа в строки и добавляет суффикс «рх» (pixels - пикселы), если это необходимо:
$("h1").css("font-weight"); // Насыщенность шрифта первого элемента <h1>
$("hi").css("fontWeight"); // Допускается использовать имена свойств
$(”h1").css("font"); // Ошибка: нельзя запрашивать составные стили
$("h1").css("font-variant", "smallcaps”); // Установить стиль всех элементов <h1>
SC’div.note").css("border", "solid black 2px"); // Составные стили можно устанавливать
$("h1").css({ backgroundColor: "black", // Записать сразу несколько стилей
textColor: "white", // имена с переменным регистром
fontVariant: "small-caps", // лучше подходят на роль имен
padding: "10рх 2рх 4рх 20рх",// свойств объекта
border: "dotted black 4рх" });
// Увеличить размер шрифта во всех элементах <h1> на 25%
$("h1").css("font-size", function(i.curval) {
return Math.round(1.25*parseInt(curval));
});
- 19.2.1. Чтение и запись значений HTML-атрибутов
- 19.2.2. Чтение и запись значений CSS-атрибутов
- 19.2.3. Чтение и запись CSS-классов
- 19.2.4. Чтение и запись значений элементов HTML-форм
- 19.2.5. Чтение и запись содержимого элемента
- 19.2.6. Чтение и запись параметров геометрии элемента
- 19.2.7. Чтение и запись данных в элементе
- 19.2.4. Чтение и запись значений элементов HTML-форм
- 19.2.5. Чтение и запись содержимого элемента
- 19.2.1. Чтение и запись значений HTML-атрибутов
- 4.4.3. Чтение и запись
- 7. Унификация атрибутов
- 1.18. Запись телефонных звонков
- Как сделать перезапись файлов в Проводнике более удобной?
- Установка значений спин-счетчиков
- Не могу войти в систему под учетной записью администратора, поскольку среди имен пользователей, отображаемых на экране п...
- При попытке войти в систему Пользователю1 выдается предупреждение, что загрузился временный профиль и все сделанные изме...
- У файла и каталога есть атрибуты (например: Скрытый, Только чтение). Как ими управлять из командной строки?
- 12.5. Чтение «битых» компакт-дисков