JavaScript | HTML要素にclassが指定されているか確認する方法

2021-02-032021-06-28JavaScript CSSセレクタ,JavaScript

JavaScriptでHTML要素にclassが指定されているか確認するサンプルコードです。

See the Pen JavaScript | Check if the element has a class by yochans (@yochans) on CodePen.

<div id="id" class="abc ccc"></div>

let target = document.querySelector("#id");

if(target.classList.length > 0){
	//classがひとつ以上指定されています
}else{
	//classが指定されていません
}

「classList.length」で指定されているclassの数を取得して、0かそれ以上あるかどうかで判別しています。