Получение списка свойств CSS

Question

Привет Есть ли способ проверить, какие свойства CSS применяются к элементу HTML. Я не хочу никакого браузера плагин. Используя javascript, я хочу получить список всех свойств CSS, заданных для элемента html. Если это невозможно, я всегда могу написать 100 строк кода и проверить значение, например if ($ ("div"). Css ("background-color"). Length> 0) {}, для каждого свойства css.

Answer 1

В зависимости от вашего браузера вы можете использовать следующие плагины или инструменты (связанные там, где это необходимо):

• Firefox - Firebug (скачать дополнение), перезапустите и нажмите F12, чтобы открыть)
• Google Chrome, Safari - Инспектор Webkit (CTRL + SHIFT + I, чтобы вызвать его)
• Opera - Dragonfly (CTRL + SHIFT + I)
• Internet Explorer 5.5-7 - Панель инструментов разработчика IE (нажмите значок рядом с адресной строкой)
• Internet Explorer 8+ - IE Developer Tools (нажмите F12, чтобы открыть)

Answer 2

Как уже упоминалось, я также рекомендую вам использовать такие инструменты проверки, как Firebug, Webkit Inspector и Dragonfly.

Но если вам нужна просто быстрая проверка свойств CSS, вы можете создать быстрый скрипт. Есть несколько методов и свойств DOM, которые становятся удобными, например, element.currentStyle и element.getComputedStyle ().

Проверьте это http://blog.stchur.com/2006/06/21/css-computed-style/

Приветствие.

Answer 3

Использование JavaScript:

Object.keys(document.getElementsByTagName('HTML')[0].style).join(',')

В этой инструкции перечислены все свойства CSS:

Чтобы проверить, применяется ли свойство css: Используйте следующую функцию:

String.prototype.isCssProp=function(hTMLElement){
  if(hTMLElement instanceof HTMLElement){
        var all=','+Object.keys(hTMLElement.style).join(',')+',';
          if(all.indexOf(','+this+',')===-1){
              return false;
          }else{
               return true
           }
    }else{
       return false;
    }

}

А затем используйте его:

var hTMLELement=document.getElementById('myid');
"color".isCssProp(hTMLELement);
"background-color".isCssProp(hTMLELement);

Answer 4

Возможно, вам нужно быть немного сложнее.Но сейчас Firebug , кажется, подходит под ваше описание.