DOM操作の簡略化：
idの確認・必要なら追加
指定したNodeのidを確認し設定済みならそれを返す。
idが設定されていなければ、新しい未使用idを生成してNodeに設定してから返す。
Node
Nodeを渡す
●必須引数 ●オプション引数(省略可能)
記述例
$arrangeId(nodeArray[0])
戻り値
○idが設定されている場合
・既存のidを返す。
○idが設定されていない場合
・ページで使用されていないidを生成してNodeに設定し、そのidを返す。
・生成されるidは「arrangeid_000」形式の連番となる。
動作サンプル
各ボタンで自身のNodeを渡して$arrangeId()を実行。
Javascript :
$arrangeId($tag('button','samples',0));
$arrangeId($tag('button','samples',1));
$arrangeId($tag('button','samples',2));
$arrangeId($tag('button','samples',3));
$setId($id('arrangeid_000'),''); $setId($id('arrangeid_001'),''); $setId($id('arrangeid_002'),''); //3つのNodeのidを削除
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。