HTML5 の新しい属性: classList 属性の使用方法

この記事の内容は HTML5 の新しい属性、つまり classList 属性の使用方法についてです。必要な方は参考にしていただければ幸いです。

クラスを操作するために使用されるclassList属性がHTML5に追加されました。そのAPIは次のとおりです:

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

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");

関連推奨事項:

HTMLファイル生成の主な構造とは?

HTML5でのページ可視性の判断（コード付き）

HTML5がマージントップの崩壊問題をどのように解決するか（コード付き）

以上がHTML5 の新しい属性: classList 属性の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。