(You can use a space-delimited list to apply multiple classes.) To add an additional class to an element: To replace all existing classes with one or more new classes, set the className attribute: document.getElementById("MyElement").className = "M圜lass"
The standard JavaScript way to select an element is using document.getElementById("Id"), which is what the following examples use - you can of course obtain elements in other ways, and in the right situation may simply use this instead - however, going into detail on this is beyond the scope of the answer. It is, though, getting more and more supported. Unfortunately, these do not work in Internet Explorer prior to v10, though there is a shim to add support for it to IE8 and IE9, available from this page. If ( document.getElementById("MyElement").ntains('M圜lass') )ĭocument.getElementById("MyElement").classList.toggle('M圜lass') Modern browsers have added classList which provides methods to make it easier to manipulate classes without needing a library: document.getElementById("MyElement").classList.add('M圜lass') ĭocument.getElementById("MyElement").classList.remove('M圜lass') Modern HTML5 Techniques for changing classes
0 kommentar(er)
