Neue Attribute in HTML5: So verwenden Sie das classList-Attribut

Der Inhalt dieses Artikels befasst sich mit den neuen Attributen von HTML5: Wie man das classList-Attribut verwendet. Es hat einen gewissen Referenzwert. Ich hoffe, es wird für Sie hilfreich sein.

Das classList-Attribut wurde neu in HTML5 hinzugefügt, das zum Betreiben von Klassen verwendet wird. Seine API lautet wie folgt:

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

js-Beispielcode:

//获取节点
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");

Verwandt Empfehlungen:

Was sind die Hauptstrukturen der HTML-Dateiproduktion?

Beurteilung der Seitensichtbarkeit in HTML5 (mit Code)

Wie HTML5 das Problem des Rand-Oben-Kollaps löst (mit Code)

Das obige ist der detaillierte Inhalt vonNeue Attribute in HTML5: So verwenden Sie das classList-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!