Nouveaux attributs en HTML5 : Comment utiliser l'attribut classList

Le contenu de cet article concerne les nouveaux attributs HTML5 : comment utiliser l'attribut classList. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

L'attribut classList est nouvellement ajouté dans HTML5, qui est utilisé pour faire fonctionner les classes. Son API est la suivante :

contains(value)：判断名为value的类名是否存在add(value)：添加名为value的类名
remove(value)：删除名为value的类名
toggle(value)：如果名为value的存在则删除，不存在则添加

exemple de code js :

//获取节点
var $test = document.getElementById("test");
//增加一个
class$test.classList.add("new-class");
//删除一个
class$test.classList.remove("old-class");
//存在则删除，不存在则添加
$test.classList.toggle("class");
//判断是否包含
$test.classList.contains("class");
//替换
class$test.classList.remove("old-class");
$test.classList.add("new-class");

Recommandations associées :

Quelles sont les principales structures de production de fichiers html ?

Jugement de la visibilité des pages en HTML5 (avec code)

Comment HTML5 résout le problème de réduction de la marge supérieure (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!