Javascript 当页面加载时替换css类

Javascript 当页面加载时替换css类,javascript,jquery,css,Javascript,Jquery,Css,我想替换 div class=“rich fomat2 a型”带有 div class=“标准格式1 a类” 但我只能在加载html时更改它,因为我使用的是一个网站创建软件,该软件可以自动输出html。所以我使用了onload()函数 我尝试了.attr()和.getElementsByClassName(),但两者都不起作用。 我哪里做错了?有什么帮助吗 function onload() {$('div') .attr('rich format2 type-a', ' standar

我想替换
div class=“rich fomat2 a型”带有
div class=“标准格式1 a类”

但我只能在加载html时更改它,因为我使用的是一个网站创建软件,该软件可以自动输出html。所以我使用了onload()函数

我尝试了.attr()和.getElementsByClassName(),但两者都不起作用。 我哪里做错了?有什么帮助吗

    function onload() {$('div') .attr('rich format2 type-a', ' standard format1 type-a') ; } window.onload =onload; }            
window.onload = onload;

    function onload(){
var els = [].slice.apply(document.getElementsByClassName("rich format2 type-a"));
for (var i = 0; i < els.length; i++) {
els[i].className = els[i].className.replace(/ *\brich format2 type-a\b/g, "standard format1 type-a");
} window.onload = onload; 
function onload(){$('div').attr('ric format2 type-a','standard format1 type-a');}window.onload=onload;}
window.onload=onload;
函数onload(){
var els=[].slice.apply(document.getElementsByClassName(“rich format2 type-a”);
对于(变量i=0;i
您将拥有一个带有类的div

<div class="abc"></div>
假设你的div看起来像这样

<div class="a b c"></div>
希望能有帮助。 乔纳斯

1.使用 此函数用于获取/设置属性

第一个字段是属性的名称,第二个可选字段是新值

$("div").attr("class", "def");
请注意,属性的名称是class,因此第一个字段的值是“class”

由于只希望选择具有类
.abc
的div,请将其放入选择器中:

$("div.abc").attr("class", "def");
$("div.a.b.c").attr("class", "def");

2.类语法 作者指出,代码中存在的另一个主要错误是类中不能有空格

class=“abc”
意味着“使用类
.a、.b和.c

因此,
.getElementsByClassName()
失败

如果要这样做,可以使用组合类选择器:

$("div.abc").attr("class", "def");
$("div.a.b.c").attr("class", "def");

选中jQuery toggleClass-


如果我理解你的问题,这是我的解决方案。感谢你的时间

$('div').removeClass('a b c').addClass('d e f');

以下是属性名中不能有空格的

.attr()
是一个jQuery函数,如果您想更改类,
.removeClass()和
如果您已经在使用jQuery,
可能更适合。@Andreas我也尝试过.removeClass()和.addClass()。但这也不起作用。下面是我所做的。函数onload(){$(.removeClass('rich format2 type-a')。addClass('standard format1 type-1');}window.onload=onload;@adeneo我正在使用一个网站创建软件,该软件会自动输出一个html。因此,我只能在加载时更改它。它拼写的html如下。我想将div类“rich format2 type-a”更改为“standard format1 type-a”原始类从一开始就带有空格。这是默认值。您可以在一条语句中删除多个类:
removeClass('abc')
。我知道这一点。这只是为了说明一点,class=”“参数中的空格等于3个不同的类,而不是一个。
$('div').removeClass('a b c').addClass('d e f');