Javascript CSS类的样式

Javascript CSS类的样式,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我必须做html表格到excel文件,我发现它的javascript代码和它的工作伟大,但我的网站有元素类。我想让类属性用jquery函数或其他东西来设置属性的样式 范例 css html 那就是我想要的 <table style="background : black; color:white;"></table> 当我这样做时,我的excel文件的格式将与我的站点中的格式相同。有什么方法可以做到这一点吗?使用Jquery css方法应用 $('table')

我必须做html表格到excel文件,我发现它的javascript代码和它的工作伟大,但我的网站有元素类。我想让类属性用jquery函数或其他东西来设置属性的样式

范例

css

html


那就是我想要的

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


当我这样做时,我的excel文件的格式将与我的站点中的格式相同。有什么方法可以做到这一点吗?

使用Jquery css方法应用

$('table').css({background:black,color:white}); //this will apply for all tables
或者也可以通过addClass()将该类添加到表中


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

使用Jquery css方法应用

$('table').css({background:black,color:white}); //this will apply for all tables
或者也可以通过addClass()将该类添加到表中


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

以下是用于设置所有表格样式的css选择器:

table
{
   background : black; color:white;
}

以下是用于设置所有表格样式的css选择器:

table
{
   background : black; color:white;
}

所以您应该将与元素关联的所有样式(内联、外部等)重写到元素的“style”属性中

在下面的链接下,有一个解决方案可以做到这一点:

所以您应该将与元素关联的所有样式(内联、外部等)重写到元素的“style”属性中

在下面的链接下,有一个解决方案可以做到这一点:

我之所以在这里发布这篇文章,是因为OP想在这里发布。我从另一个解决方案中得到了这个解决方案


我之所以在这里发布这篇文章,是因为OP想在这里发布。我从另一个解决方案中得到了这个解决方案


查找和替换怎么样?我想您正在寻找这种东西。“你在找这个吗?”rahularyansharma这是答案,但我不能标记为答案。用post for mark写下它:P@user2107255谢谢,我写这封信是为了回信。查找和替换怎么样?我想你正在寻找这些东西。“你在找这个吗?”rahularyansharma这是答案,但我不能标记为答案。用post for mark写下它:P@user2107255谢谢,我写这封信是为了答题。在回答了三个问题后,我认为你是唯一正确阅读问题的人。这是另一个答案,与当前的一个几乎相同。谢谢三个答案后,我认为你只是正确阅读问题的人。这是另一个答案,与当前答案几乎相同,谢谢
  (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();