javascript - 在页面加载时替换 css 类

Question

我要更换
div class="rich fomat2 type-a"与
div class=“standard format1 type-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; 

Answer 1

你会有一个带有类的div

<div class="abc"></div>

在 jQuery 中，您可以执行以下操作

$('.abc').removeClass('abc').addClass('newClass');

假设你的 div 看起来像这样

<div class="a b c"></div>

这实际上意味着，您的 div 包含 3 个不同的类。而且，因此必须这样称呼。

$('.a.b.c').removeClass('a').removeClass('b').removeClass('c').addClass('newClass');

希望对您有所帮助。乔纳斯