×ðÁú¿­Ê±¹ÙÍøµÇ¼

jsÔõô»ñÈ¡classµÄÃû×Ö

Òª»ñÈ¡µ¥¸öÔªËØµÄ class Ãû³Æ£¬¿ÉÒÔʹÓà element.classlist.value ÊôÐÔ¡£Òª»ñÈ¡¶à¸öÔªËØµÄ class Ãû³Æ£¬¿ÉÒÔʹÓà document.queryselectorall() »ñÈ¡ÔªËØÜöÝÍ£¬È»ºó±éÀú¸ÃÜöÝÍ»ñȡÿ¸öÔªËØµÄ class Ãû³Æ¡£±ðµÄ£¬»¹¿ÉÒÔʹÓà classlist ÊôÐÔ¸½¼Ó»òɾ³ý class Ãû³Æ£¬Çл» class Ãû³Æ¡£

ÔõÑùʹÓà JavaScript »ñÈ¡ÔªËØµÄ class Ãû³Æ

»ñÈ¡µ¥¸öÔªËØµÄ class Ãû³Æ

»ñÈ¡µ¥¸öÔªËØµÄ class Ãû³Æ£¬¿ÉÒÔʹÓà element.classList.value ÊôÐÔ¡£

const element = document.querySelector(".my-class");
const className = element.classList.value;
console.log(className); // Êä³ö£ºmy-class

µÇ¼ºó¸´ÖÆ

»ñÈ¡¶à¸öÔªËØµÄ class Ãû³Æ

»ñÈ¡¶à¸öÔªËØµÄ class Ãû³Æ£¬¿ÉÒÔʹÓà document.querySelectorAll() ÒªÁì»ñÈ¡ÔªËØÜöÝÍ£¬È»ºó±éÀú¸ÃÜöÝÍ»ñȡÿ¸öÔªËØµÄ class Ãû³Æ¡£

const elements = document.querySelectorAll(".my-class");
for (let element of elements) {
  const className = element.classList.value;
  console.log(className);
}

µÇ¼ºó¸´ÖÆ

¸½¼Ó»òɾ³ý class Ãû³Æ

³ýÁË»ñÈ¡ class Ãû³ÆÍ⣬»¹¿ÉÒÔʹÓà classList ÊôÐÔ¸½¼Ó»òɾ³ý class Ãû³Æ¡£

¸½¼Ó class Ãû³Æ

ʹÓà classList.add() ÒªÁ츽¼ÓÒ»¸ö»ò¶à¸ö class Ãû³Æ¡£

element.classList.add("new-class");

µÇ¼ºó¸´ÖÆ

ɾ³ý class Ãû³Æ

ʹÓà classList.remove() ÒªÁìɾ³ýÒ»¸ö»ò¶à¸ö class Ãû³Æ¡£

element.classList.remove("old-class");

µÇ¼ºó¸´ÖÆ

Çл» class Ãû³Æ

ʹÓà classList.toggle() ÒªÁìÇл»Ò»¸ö class Ãû³Æ¡£ÈôÊÇÔªËØÒѾßÓиà class Ãû³Æ£¬Ôò½«Æäɾ³ý£»ÈôÊÇÔªËØûÓиà class Ãû³Æ£¬Ôò½«ÆäÌí¼Ó¡£

element.classList.toggle("active");

µÇ¼ºó¸´ÖÆ

ÒÔÉϾÍÊÇjsÔõô»ñÈ¡classµÄÃû×ÖµÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡

ÃâÔð˵Ã÷£ºÒÔÉÏչʾÄÚÈÝȪԴÓÚÏàÖúýÌå¡¢ÆóÒµ»ú¹¹¡¢ÍøÓÑÌṩ»òÍøÂçÍøÂçÕûÀí£¬°æȨÕùÒéÓë±¾Õ¾Î޹أ¬ÎÄÕÂÉæ¼°¿´·¨Óë¿´·¨²»´ú±í×ðÁú¿­Ê±¹ÙÍøµÇ¼ÂËÓÍ»úÍø¹Ù·½Ì¬¶È£¬Çë¶ÁÕß½ö×ö²Î¿¼¡£±¾ÎĽӴýתÔØ£¬×ªÔØÇë˵Ã÷À´ÓÉ¡£ÈôÄúÒÔΪ±¾ÎÄÇÖÕ¼ÁËÄúµÄ°æȨÐÅÏ¢£¬»òÄú·¢Ã÷¸ÃÄÚÈÝÓÐÈκÎÉæ¼°ÓÐÎ¥¹«µÂ¡¢Ã°·¸Ö´·¨µÈÎ¥·¨ÐÅÏ¢£¬ÇëÄúÁ¬Ã¦ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼ʵʱÐÞÕý»òɾ³ý¡£

Ïà¹ØÐÂÎÅ

ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼

18523999891

¿É΢ÐÅÔÚÏß×Éѯ

ÊÂÇéʱ¼ä£ºÖÜÒ»ÖÁÖÜÎ壬9:30-18:30£¬½ÚãåÈÕÐÝÏ¢

QR code
ÍøÕ¾µØͼ