Как реализовать JavaScript для точного получения значения атрибута CSS элемента? При работе со свойствами CSS элементов DOM мы часто сталкиваемся с проблемой: значение свойства CSS было определено на странице, но при получении оно пусто. Это связано с тем, что любой файл таблицы стилей или встроенная информация о стиле CSS по умолчанию не может быть надежно отражена. в атрибуте стиля. Эта статья знакомит вас с методом точного получения значения атрибута CSS указанного элемента.
Javascript:
Пример исходного кода
[www.downcodes.com] <тип сценария="текст/javascript">
функция getStyle(элемент, имя)
{
//Если этот атрибут существует в стиле[], он был недавно установлен (и является текущим)
если (elem.style[имя])
{
вернуть элемент.стиль[имя];
}
// В противном случае попробуйте метод IE
иначе, если (elem.currentStyle)
{
return elem.currentStyle[имя];
}
//Или метод W3C, если он существует
иначе, если (document.defaultView && document.defaultView.getComputedStyle)
{
//Используется традиционный метод написания правил стиля "text-Align" вместо "textAlign"
name = name.replace(/([AZ])/g,"-$1");
имя = name.toLowerCase();
//Получаем объект стиля и получаем значение атрибута (если он существует)
var s = document.defaultView.getComputedStyle(elem,"");
return s && s.getPropertyValue(name);
//Иначе вы используете другой браузер
}
еще
{
вернуть ноль;
}
}
</скрипт>
