علیرضا احمدی بابلانی : وب مهراز - جامعه برنامه نویسی ایران

چگونه می توان با استفاده از javascript کلاس یک عنصر را در html تغییر داد ؟

چگونه می توان با استفاده از javascript  مثلا در رویداد On-click کلاس یک عنصر را در html  تغییر داد ؟   

پاســخ ها

23b803ed8f4142b3927dbda04a584bc2
مصطفی S : سلام
من تازه عضو شدم. این اولین جواب من به یکی از پرسش هاست.
فکر کنم با کد زیر می شه تغییر داد.



<div class="cls1" id="id1'>Div content here</div>
<script>
var d = document.getElementById('id1');
d.removeClass('cls1');
d.addClass('NewClassName');
</script>
فکر کنم باید اول کلاس رو پاک کرد و بعد اضافه کرد...
سه شنبه 26 خرداد 1394 ساعت : 53 : 11
7a1ba23bee0c433abe47664d2a9fa3c3
ایمان نکونام : با استفاده از jquery میتوانید از متد toggleClass  به این شکل استفاده کنید که :

$(document).ready( function(){
        $('.button').click( function()
        {
            $('#myelement').toggleClass('changedClass');
        }
});
این متد کلاس عنصر را تغییر می دهد .   متد addClass یک کلاس را به آن عنصر اضافه می کند اما متد toggleClass آن را تغییر میدهد.
شنبه 15 فروردين 1394 ساعت : 5 : 1
0000000000000000000000000000002
محمد رضا ایزدی : با استفاده از متد addclass
شنبه 09 اسفند 1393 ساعت : 7 : 12
تعداد بازدید : 515
ارسال به دوستان

ارسال