DOM操作の簡略化：
classの削除
指定したNodeのclassを削除する。
Node
Nodeを渡す
String
削除するclassを文字列で渡す 複数指定する場合は半角スペースで区切って渡す
●必須引数 ●オプション引数(省略可能)
記述例
$removeClass($id('aNode'), 'old_class')
$removeClass(nodeAry[0], 'class_red class_blue')
動作サンプル
classが設定されていないNodeから class="class_red" を削除する。
SAMPLE 1
Sass :
#sample1, #sample2, #sample3, #sample4 {
color: #000;
font-weight: 400;
&.class_blue { //背景ブルー・文字ホワイト
color: #fff;
background-color: #8eb8bd;
}
&.class_red { //背景レッド・文字ホワイト
color: #fff;
background-color: #bd8e9e;
}
&.class_bold { //文字ボールド
font-weight: 700;
letter-spacing: 3px;
}
}
HTML :
<div id="sample1">SAMPLE 1</div>
Javascript :
$removeClass($id('sample1'),'class_red'); //設定されていないclassは処理しない
class="class_blue class_bold" から class_blue を削除する。
SAMPLE 2
HTML :
<div id="sample2" class="class_blue class_bold">SAMPLE 2</div>
Javascript :
$removeClass($id('sample2'),'class_blue');
class="class_blue class_bold" から class_bold と class_blue を削除する。
SAMPLE 3
HTML :
<div id="sample3" class="class_blue class_bold">SAMPLE 3</div>
Javascript :
$removeClass($id('sample3'),'class_bold class_blue'); //複数指定する場合、順番はHTMLと違ってもOK
class="class_blue class_red" から class_red を削除する。
SAMPLE 4
HTML :
<div id="sample4" class="class_blue class_red">SAMPLE 4</div>
Javascript :
$removeClass($id('sample4'),'class_red');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。