ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 の新しい属性: classList 属性の使用方法

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

不言
リリース: 2018-08-10 11:18:58
オリジナル
2603 人が閲覧しました

この記事の内容は 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート