CSS классы в стиле

Question

Мне нужно сделать таблицу html для файла excel, я нашел для него код javascript и его работу отлично, но на моем сайте есть классы для элементов. Я хочу, чтобы атрибуты классов присваивали атрибуту style с помощью функции jquery или чего-то еще.

Пример

CSS

.myTable 
{ 
    background : black; color:white; 
} 

HTML

<table class="myTable"></table> 

что это я хочу;

<table style="background : black; color:white;"></table> 

Когда я это сделаю, мой файл excel будет сформирован как на моем сайте. есть ли способ сделать это?

Answer 1

Я отправляю это здесь только becuase ОП хочет здесь. Я принял это решение от другого so answer which can be find here.

(function($) { 
     $.extend($.fn, { 
      makeCssInline: function() { 
       this.each(function(idx, el) { 
        var style = el.style; 
        var properties = []; 
        for(var property in style) { 
         if($(this).css(property)) { 
          properties.push(property + ':' + $(this).css(property)); 
         } 
        } 
        this.style.cssText = properties.join(';'); 
        $(this).children().makeCssInline(); 
       }); 
      } 
     }); 
    }(jQuery)); 


    $('.myTable').makeCssInline(); 

MY JS FIDDLE LINK can also be find here

Answer 2

использование Jquery метод CSS применить

$('table').css({background:black,color:white}); //this will apply for all tables 

или вы можете добавить этот класс также к столу с помощью addClass()

$('table').addClass('myTable'); // это будет применяться для всех таблиц

Answer 3

Вот селектор css для создания всех таблиц:

table 
{ 
    background : black; color:white; 
} 

Answer 4

So вы должны переписать все стили (встроенные, внешние и т. д.), связанные с элементом в его атрибут «стиль».

При следующей ссылке, есть решение, как сделать это: Can jQuery get all CSS styles associated with an element?