Метод JavaScript для получения значения атрибута CSS: getComputedStyle и CurrentStyle
1. Для встроенного стиля CSS элемента (<div style = "color:#369"> hello </div>) вы можете напрямую использовать element.style.color, чтобы непосредственно получить значение атрибута CSS;
2. Однако невозможно получить внешне определенные стили CSS. Кроме того, методы, используемые в браузере IE, отличаются от других стандартных браузеров (Firefox, Chrome, Opera, Safari). IE Browser использует element.currentStyle, а стандартный браузер W3C использует для получения GetComputEdStyle.
1. IE Получает значение атрибута CSS, определенное извне в элементе: element.currentStyle
Объект CurrentStyle возвращает таблицу стиля на элементе, но объект Style возвращает только встроенный стиль, применяемый к элементу, через атрибут тега Style.
Следовательно, значение стиля, полученное через объект CurrentStyle, может отличаться от значения стиля, полученного через объект стиля.
Например, если значение свойства цвета абзаца установлено на красный (красный) через ссылку или таблицу встроенного стиля вместо встроенного, объект .currentStyle.color вернет правильный цвет, а стиль объекта. Color не может вернуть значение. Однако, если пользователь определяет <p style = "color:" red '">, как CurrentStyle, так и объекты стиля будут возвращать значение красным.
Объект CurrentStyle отражает приоритет стиля в листе стиля. В HTML этот заказ:
1) Встроенный стиль
2) Правила таблицы стилей
3) Атрибуты тега HTML
4) Внутреннее определение тегов HTML
2. W3C получает значение атрибута CSS, определенное извне: window.getComputedStyle (элемент, псевдольт)
Требуется элемент, html -элемент
Псевдольт необходим для получения псевдоклассного стиля элемента
Кода -копия выглядит следующим образом:
function getStyle (node, property) {
if (node.style [свойство]) {
return node.style [свойство];
}
else if (node.currentStyle) {
return node.currentStyle [свойство];
}
else if (document.defaultview && document.defaultview.getComputeDStyle) {
var style = document.defaultview.getComputedStyle (узл, null);
return style.getpropertyvalue (свойство);
}
вернуть ноль;
}