JavaScript:Библиотеки/p5.dom/selectAll(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
| Строка 14: | Строка 14: | ||
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 20: | Строка 20: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
selectAll(name, [container]) | selectAll(name, [container]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
name – класс или тег элементов, которые нужно найти. Тип данных – String | name – класс или тег элементов, которые нужно найти. Тип данных – String | ||
container – ID, объект p5.Element или HTML-элемент, где нужно выполнить поиск. Тип данных – String | container – ID, объект p5.Element или HTML-элемент, где нужно выполнить поиск. Тип данных – String | ||
| Строка 33: | Строка 33: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Массив объектов p5.Element, содержащих найденные узлы. | Массив объектов p5.Element, содержащих найденные узлы. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 41: | Строка 41: | ||
===№1=== | ===№1=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
function setup() { | function setup() { | ||
createButton('btn'); | createButton('btn'); | ||
| Строка 56: | Строка 56: | ||
===№2=== | ===№2=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
// ниже показаны примеры использования функции selectAll(): | // ниже показаны примеры использования функции selectAll(): | ||
var a = selectAll('.moo'); | var a = selectAll('.moo'); | ||
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
selectAll() [1]
Описание
Ищет на странице элементы с заданным классом или тегом (для поиска класса задайте префикс «.», для поиска тега префикс не нужен) и возвращает их в виде массива объектов p5.Element. Доступ к самому DOM-узлу осуществляется при помощи «.elt». Если ничего найдено не будет, selectAll() вернет пустой массив. Вы также можете задать контейнер, в котором нужно выполнить поиск.
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
selectAll(name, [container])
Параметры
name – класс или тег элементов, которые нужно найти. Тип данных – String
container – ID, объект p5.Element или HTML-элемент, где нужно выполнить поиск. Тип данных – String
Возвращаемое значение
Массив объектов p5.Element, содержащих найденные узлы.
Пример
№1
function setup() {
createButton('btn');
createButton('2nd btn');
createButton('3rd btn');
var buttons = selectAll('button');
for (var i = 0; i < buttons.length; i++) {
buttons[i].size(100, 100);
}
}
№2
// ниже показаны примеры использования функции selectAll():
var a = selectAll('.moo');
a = selectAll('div');
a = selectAll('button', '#myContainer');
var d = select('#container');
a = selectAll('p', d);
var f = document.getElementById('beep');
a = select('.blah', f);
a; // не используется
