JavaScript:Библиотеки/p5.dom/selectAll()

Материал из Онлайн справочника
Версия от 18:14, 14 мая 2023; EducationBot (обсуждение | вклад)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


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; // не используется

См.также

Внешние ссылки