DOM操作の簡略化：

子Nodeの文字列をリスト化して取得

指定したNodeの子Nodeのうち、特定のclassを持つNodeのみをピックアップしてその内部の文字列をリスト化して返す。

Node
親Nodeを指定 id値を文字列で指定してもよい
String1
検索するclassを指定
String2
戻り値に使用するセパレータを指定 「文字列」= 指定文字列で区切る ・「nl」= 改行
String3
リストの各要素の先頭に付ける文字列を指定 「○」「■」など
●必須引数 ●オプション引数(省略可能)

記述例

$getTextList($id('photos'), 'selected', 'nl', '○')
$getTextList('photos', 'usethis', '／')

戻り値

○指定した条件のNodeがある場合

・リスト化した文字列を返す。

○指定した条件のNodeが無い場合

・空の文字列を返す。

動作サンプル

任意のアイテムを選択し、選択されたアイテム内の文字列をリスト化して出力する。

  • SAMPLE ITEM 0
  • SAMPLE ITEM 1
  • SAMPLE ITEM 2
Javascript : var textList=$getTextList($id('sample1'),'selected','／');

任意のアイテムを選択し、選択されたアイテム内の文字列をリスト化して出力する。

  • SAMPLE ITEM 0
  • SAMPLE ITEM 1
  • SAMPLE ITEM 2
Javascript : var textList=$getTextList($id('sample2'),'selected','nl','○');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。