گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام به نظرم شما توی فایل css پروژه ات دو تا کلاس برای دکمه ات تعیین کن یکی برای حالت ریست و معمولی، یکی هم برای حالت تغییر بعد بیا دو حالت فقط کلاسا رو جا به جا کن تا استایلا اعمال بشن مثلا:
<button class="normal" id="clickButton">click</button><script>
var button = document.querySelector("#clickButton");
button.addEventListener('click', function(e){
if(e.classList[0] == "normal"){
e.classList.remove('normal');
e.classList.add('change');
} else{
e.classList.remove('change');
e.classList.add('normal');
}
});
</script>
سلام
کدی که آقا حمیدرضا گذاشتن تا حدودی درسته فقط چنتا ایراد داره
اولا در قسمت شرط بهتره به جای classlist[0] از .contains استفاده کنین که اگه توی گوگل سرچ کنین classlist.contain() براتون مثالش رو میاره
اگر هم بخاین مثل مورد بالا کار کنین باید به جای دوتا = از سه تا استفاده کنین!
یه کار بهتر اینه که شما یه کلاس تعریف کنین مثلا reset-btn بعد مانند بالا این کلاس رو با کلیک کردن اضاف کنین ! محتویات این کلاس میتونه شامل تمامی اتریبیوت های پیشفرض باشه که مقدار important گرفتن مثلا بگید
border : none !important;حالا مثالی که من در بالا زدم فقط برای border هست شما موارد دیگه رو هم اضاف کنین !
خیلی ممنون از راهنماییتون ولی من میخوام از طریق توابع این مسئله رو حل کنم در جاوا اسکریپت @hamidrezamnj
لینک زیر رو نگاه کنید
https://bobbyhadz.com/blog/javascript-remove-all-styles-from-elementخواهش میکنم.
فقط لطف کنید به عنوان بهترین پاسخ انتخاب کنید تا دوستان دیگه هم اگه به این مشکل خوردن مشکلشون سریع حل بشه.
موفق باشید.