javascript - IDで要素を取得し、次にクラス属性を取得します

Question

要素のクラス名を取得しようとしています。まず、ID で要素を見つけてから、次のようにして class 属性を取得しようとしました。私の結果は未定義を返します。クラス属性からテキストを取得するにはどうすればよいですか? これは「未チェックイン」です。

html

<div id="last-check-in" class="not-checked-in"></div>

JavaScript

var checkedin;
checkedin = document.getElementById("last-check-in");
console.log(checkedin.class);

Answer 1

単に の代わりに、次classを使用しますclassName。

var checkedin = document.getElementById("last-check-in");
console.log(checkedin.className);

Answer 2

以下を使用できます。getAttribute("class")

var checkedin;
checkedin = document.getElementById("last-check-in");
console.log(checkedin.getAttribute("class"));

デモ