jsでclassを取得

Webデザイン

html内のclassを取得します。

testというclassがある場合の処理です。

var sample = document.getElementsByClassName("test");
alert("testの数:"+sample.length);
for (var i=0; i<sample.length; i++){
sample[i].style.border = "solid 1px red";
}

アラートでtestの数を出して、
classにtestが指定されているモジュールに赤い枠線をつけます。

classは配列になるので、sample[0]というかたちで操作します。

idと違って、何個も指定できるのがいいですね。

ただしこちらのclassの取得、スマホではきくようですが、IEでは効かないです。

解決法はこちらに載っていました。
▽JavaScript から HTML Element の class 属性を取得する方法
http://d.hatena.ne.jp/vividcode/20100327/1269724469

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です