سلام یه مشکلی دارم
یعنی اینکه وقتی می خوام یه کلاس رو حذف کنم و یه کلاس دیگه ای رو جایگزین کنم با جاوا اسکریپت بلد نیستم کسی بلد هست
مثلا document.ایدی.classlist.add(color)
و زیرش همین رو remove می کنم کار نمیکنه
با چی باید این قابلیت رو هندل کنم
شرط هم هرچی فکر می کنم نمی دونم چی بزارم تا درست اجرا کنه.
اگر بگید ممنون میشم.
شاید دارم دیر جواب میدم. ولی من از این روش استفاده می کنم.
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')
}
}
اگه کدتون رو بذارید بهتره.. در کل جایگزین کردن کلاس توی جاوااسکریپت اینطوریه:
div.classList.replace("foo", "bar");
اون یه خط کدی که نوشتید هم باید بصورت classL
ist باشه.
این صفحه رو ببینید.
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 میگرده ولی اون را پیدا نمیکنه و ارور میده.
شاید دارم دیر جواب میدم. ولی من از این روش استفاده می کنم.
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')
}
}
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟