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

Материал из Онлайн справочника
Перейти к навигации Перейти к поиску

Перевод: Максим Кузьмин (Cubewriter) Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Pixel Art Mini Meow Animated.gif Черновик


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

 1 function setup() {
 2   createButton('btn');
 3   createButton('2nd btn');
 4   createButton('3rd btn');
 5   var buttons = selectAll('button');
 6 
 7   for (var i = 0; i < buttons.length; i++) {
 8     buttons[i].size(100, 100);
 9   }
10 }

№2

 1 // ниже показаны примеры использования функции selectAll():
 2 var a = selectAll('.moo');
 3 a = selectAll('div');
 4 a = selectAll('button', '#myContainer');
 5 
 6 var d = select('#container');
 7 a = selectAll('p', d);
 8 
 9 var f = document.getElementById('beep');
10 a = select('.blah', f);
11 
12 a; // не используется

См.также

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