Question

我必须做html表格来excel文件，我找到一个javascript代码，它的工作很好，但我的网站有元素的类。我希望使用jquery函数或其他东西将类属性赋予样式属性。

实施例

CSS

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

HTML

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

这就是我想要的;

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

当我这样做时，我的excel文件将像我的网站一样格式化。有什么方法可以做到这一点吗？

Answer 1

所以你应该将与元素相关的所有样式（内联，外部等）重写为它的“样式”属性。

在以下链接中，有一个解决方法如何做到这一点： Can jQuery get all CSS styles associated with an element?

Answer 2

我在这里张贴这个只是因为OP想要它在这里。我从另一个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 3

使用Jquery css方法应用

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

或者您也可以通过addClass（）

将该类添加到表中

$('table').addClass('myTable'); //这将适用于所有表格

Answer 4

这是用于设置所有表格样式的css选择器：

table
{
   background : black; color:white;
}

样式的CSS类

4 个答案: