jsÖÐÔõÑùÈ¥µôcssÃûÌÃ
ʹÓà classlist.remove() ÒªÁì¿É´ÓÔªËØÒƳý css Ñùʽ£ºÑ¡ÔñÄ¿µÄÔªËØ¡£»ñÈ¡ÔªËصÄÑùʽÀàÁÐ±í¡£Ê¹Óà remove() ÒªÁì´Ó classlist ÖÐÒƳýËùÐèµÄÑùʽÃû³Æ¡£
ÔõÑùÔÚ JavaScript ÖÐÒƳý CSS Ñùʽ
ÔÚ JavaScript ÖУ¬¿ÉÒÔʹÓà classList.remove() ÒªÁìÀ´ÒƳý HTML ÔªËØÉ쵀 CSS Ñùʽ¡£ÒÔÏÂÊÇ°ì·¨£º
Ñ¡ÔñÔªËØ£ºÊ¹Óà document.querySelector() »ò document.getElementById() Ñ¡ÔñÄ¿µÄÔªËØ¡£
»ñÈ¡ classList£ºÊ¹Óà classList ÊôÐÔ»ñÈ¡ÔªËصÄÑùʽÀàÁÐ±í¡£
ÒƳýÑùʽ£ºÊ¹Óà remove() ÒªÁì´Ó classList ÖÐÒƳýËùÐèµÄ CSS ÑùʽÃû³Æ¡£
// Ñ¡ÔñÔªËØ const element = document.querySelector('div'); // »ñÈ¡ classList const classList = element.classList; // ÒƳýÑùʽ classList.remove('my-class');
µÇ¼ºó¸´ÖÆ
ʾÀý£º
ÒÔÏÂʾÀýÏÔʾÔõÑùʹÓà classList.remove() ÒªÁì´Ó¾ßÓÐ my-class ÑùʽµÄÔªËØÖÐÒƳý¸ÃÑùʽ£º
Á¬Ã¦Ñ§Ï°¡°Ç°¶ËÃâ·ÑѧϰÌõ¼Ç£¨ÉîÈ룩¡±£»
<div class="my-class">Hello World</div>
µÇ¼ºó¸´ÖÆ
const element = document.querySelector('div'); element.classList.remove('my-class');
µÇ¼ºó¸´ÖÆ
Ö´Ðд˴úÂëºó£¬ÔªËؽ«²»ÔÙ¾ßÓÐ my-class Ñùʽ¡£
ÒÔÉϾÍÊÇjsÖÐÔõÑùÈ¥µôcssÃûÌõÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡