Flamingo.Selector.value()

Метод value() используется для получения текстового значения определенного узла, найденного CSS селектором на текущей странице.

Синтаксис

 Flamingo.Selector.value(selector, parent)

Параметры

Параметр Тип Описание
selector String CSS селектор.
parent Node объект Родительский узел указанного 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

См. также

Flamingo.Selector

Flamingo.jQ