DOM操作の簡略化：
Nodeの属性名で値を取得
HTMLで任意に設定した属性名で値を取得する。
Node.getAttribute('type') → $getAttr(Node,'type')
Node
Nodeを指定 id値を文字列で指定してもよい
String
HTMLで任意に設定した属性名を文字列で指定 大文字・小文字は区別されない
●必須引数 ●オプション引数(省略可能)
記述例
$getAttr(nodeArray[0], 'your-age')
$getAttr('item1', 'Your-Age')
戻り値
○指定した属性名が設定されている場合
・値を返す。
○指定した属性名が設定されていない場合
・null を返す。
動作サンプル
様々な表記で属性名を指定して取得。
SAMPLE BOX
HTML :
<div id="sample1" klib_attr="true">SAMPLE BOX</div>
Javascript :
var attr=$getAttr('sample1','klib_attr'); //有効な属性指定
var attr=$getAttr('sample1','Klib_Attr'); //有効な属性指定
var attr=$getAttr('sample1','klibAttr'); //無効な属性指定
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。