Flamingo.Selector.value()¶
value() メソッドは現在のページでCSSセレクターによって見つかった指定ノードのテキストの値を取得するために使用されます。
構文¶
Flamingo.Selector.value(selector, parent)
パラメータ¶
| パラメータ名 | 型 | 説明 |
|---|---|---|
| selector | String | CSSセレクター。 |
| parent | Node object | 指定CSSセレクターが実行されるコンテクストノード。 |
戻り値¶
| 型 | 説明 |
|---|---|
| String | CSSセレクターにより見つかったノードのテキストの値。 |
注釈
指定CSSセレクターがノードを複数返す場合、この関数は見つかった全ノードのテキストの値を連結した文字列を返します。
例 1¶
以下の例はページ上にあるTITLE要素の値を取得する方法を示しています。
デスクトップサイト用オリジナルページにあるソースHTMLコード：
<html>
<head>
<title>Document Title</title>
</head>
</html>
モバイルウェブサイト用ページタイトルを表示するにはテンプレートに次のコード追加が必要です。
<!--{= Flamingo.Selector.value('title') }-->
結果は以下のようになります：
Document Title
例 2¶
以下の例はページ上にあるリストアイテム (LI要素) 全てを取得する方法を示しています。
デスクトップサイト用オリジナルページにあるソースHTMLコード：
<html>
<body>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
</ul>
</body>
</html>
ページ上にあるリストアイテム全ての値を表示するにはテンプレートに次のコード追加が必要です。
<!--{= Flamingo.Selector.value('li') }-->
結果は以下のようになります：
List Item 1List Item 2
例 3¶
以下の例はCSSセレクターを使って指定コンテクストノードからノードの値を取得する方法を示しています。
デスクトップサイト用オリジナルページにあるソースHTMLコード：
<html>
<body>
<ul id="list1">
<li>List 1 Item 1</li>
<li>List 1 Item 2</li>
</ul>
<ul id="list2">
<li>List 2 Item 1</li>
<li>List 2 Item 2</li>
</ul>
</body>
</html>
CSSセレクターを使って指定コンテクストノードからノードの値を取得するにはテンプレートに次のコード追加が必要です。
<!--{= Flamingo.Selector.value('li:first-child', document.getElementById('list2')) }-->
結果は以下のようになります：
List 2 Item 1