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

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

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


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


select() [1]

Описание

Ищет на странице элемент с заданным ID, классом или тегом (для указания ID используйте префикс «#», для указания класса – «.», для тега префикса не нужно) и возвращает его в виде объекта p5.Element. Если select() находит по классу или тегу более одного элемента, будет возвращен только самый первый элемент. Доступ к самому DOM-узлу можно получить при помощи «.elt». Если ничего найдено не будет, select() вернет null. Вы также можете задать контейнер, внутри которого нужно провести поиск.

Для использования этой функции нужно подключить библиотеку p5.dom. Для этого в заголовок файла «index.html» впишите следующее:

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

select(name, [container])

Параметры

name       ID, класс или тег элемента, который нужно найти. Тип данных  String
container  ID, объект p5.Element или HTML-элемент, в котором нужно провести поиск. Тип данных  String, p5.Element, HTMLElement

Возвращаемое значение

Объект, p5.Element или null. Класс p5.Element будет содержать найденный узел.

Пример

№1

1 function setup() {
2   createCanvas(100, 100);
3   // перемещает холст на 50 пикселей вниз:
4   select('canvas').position(100, 100);
5 }

№2

 1 // ниже показаны различные варианты использования select():
 2 var a = select('#moo');
 3 var b = select('#blah', '#myContainer');
 4 var c, e;
 5 if (b) {
 6   c = select('#foo', b);
 7 }
 8 var d = document.getElementById('beep');
 9 if (d) {
10   e = select('p', d);
11 }
12 [a, b, c, d, e]; // не используются

См.также

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