Получить стили элемента

Q_BASIC

Хранитель порядка
Регистрация
30 Ноя 2013
Сообщения
516
Реакции
1.240
Приветствую,

Получаю стили через getComputedStyle();

Но она возвращает вычисленные стили. К примеру, есть это:
Код:
border: 1px solid #c2c2c2;
Функция возвращает это:
Код:
border: 1px solid rgb(194, 194, 194)

Или если картинку из background-image не получилось загрузить, то background-image возвращается none.

Как получить не те, что вычисленные, а те, что в CSS прописаны?




Что-то в последнее время сложные вопросы стали, на предыдущий еще не ответили, а уже новый вопрос :)
 
тогда давайте начнем от печки, с какой целью получаете эти данные?
 
тогда давайте начнем от печки, с какой целью получаете эти данные?
Редактирование элемента:
  1. Клик по элементу
  2. Получение стилей
  3. Создание формы
  4. Редактирование нужных стилей
  5. Сохранение стилей
Это HTML редактор
 
ясно, тогда просто добавляйте новый класс к этому элементу. зачем вам знать что там было, добавьте что нужно и все.
 
Попробуй:
Код:
elem.currentStyle
 
Код:
function rgb2hex(rgb) {
     if (  rgb.search("rgb") == -1 ) {
          return rgb;
     } else {
          rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/);
          function hex(x) {
               return ("0" + parseInt(x).toString(16)).slice(-2);
          }
          return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
     }
}
 
стандартными способами не "computed" стиль получить проблематично.

Как получить не те, что вычисленные, а те, что в CSS прописаны?

если суть именно в получении описания оригинала из подключенного css то можно попробовать достать из document.stylesheets по какому-нибудь признаку. это работает для стилей добавленных через link и style.
еще немного информации Для просмотра ссылки Войди или Зарегистрируйся
 
Назад
Сверху