حذف کلاس در جاوا اسکریپت و ادد کردن دوباره آن با addlinser چطوریه

اگه کدتون رو بذارید بهتره.. در کل جایگزین کردن کلاس توی جاوااسکریپت اینطوریه:

div.classList.replace("foo", "bar");

اون یه خط کدی که نوشتید هم باید بصورت classList باشه.
این صفحه رو ببینید.

link github
اون گوشه وقتی کلیک میکنی روی هر رنگی تا رنگ بک گراند رو عوض کنه وقتی inspaket میکنی متوجه میشی که چند تا کلاس bg میگیره من میخوام هر وقت کلیک کرد این رنگ که کلاس هست با اون کلاسه جابه جا بشه.

سلام شما میتونی به جای جاوا اسکریپت از jquery استفاده کنید .
https://www.pandalearn.ir/%D9%85%D8%AA%D8%AF-addclass-%D9%85%D8%AA%D8%AF-removeclass-%DA%A9%D9%84%D8%A7%D8%B3-%D8%AF%D9%87%DB%8C-%D8%A8%D9%87-%D8%A7%D9%84%D9%85%D8%A7%D9%86-%D9%87%D8%A7-%D8%AA%D9%88%D8%B3%D8%B7-%D8%AC%DB%8C/
در این مورد سایت بحث شده است .

سلام، شما اول باید کلاس رنگ قبلی رو ذخیره کنید و بعد با کلاس جدید جایگزینش کنید.

Array.from(themes.children).forEach(theme => {
            theme.addEventListener("click", e => {
                var color = e.target.dataset.color

                let colors = document.querySelector("#selecttheme")

                if (colors.classList.contains(selecttheme)) {
                    colors.classList.remove(selecttheme)
                }
                colors.classList.add(color)

                localStorage.setItem("theme", color);
                selecttheme = color;
            })
        })

باید color را 'color' یا "color" بنویسی، یعنی بذاریش توی کوت یا دابل کوت. چون اگه نذاری جاوا اسکریپت فکر میکنه اینها متغیرند و دنبال متغیر color میگرده ولی اون را پیدا نمیکنه و ارور میده.

element.className = element.className.replace('Your class' , 'Your class to replace')

شاید دارم دیر جواب میدم. ولی من از این روش استفاده می کنم.
contains چک می کند که عنصر انتخابی شما (btn) دارای کلاس مورد نظر هست یاخیر.

const btn=document.querySelector('.my-btn')
btn.addEventListener("click",()=>{
         if(btn.classList.contains('my-class')){
               btn.classList.remove('my-class')
       }
        else{
              btn.classList.add('my-class')
            }
}