JavaScript:Библиотеки/p5.dom/select(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
select(name, [container]) | select(name, [container]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
name – ID, класс или тег элемента, который нужно найти. Тип данных – String | name – ID, класс или тег элемента, который нужно найти. Тип данных – String | ||
container – ID, объект p5.Element или HTML-элемент, в котором нужно провести поиск. Тип данных – String, p5.Element, HTMLElement | container – ID, объект p5.Element или HTML-элемент, в котором нужно провести поиск. Тип данных – String, p5.Element, HTMLElement | ||
Строка 33: | Строка 33: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Объект, p5.Element или null. Класс p5.Element будет содержать найденный узел. | Объект, p5.Element или null. Класс 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() { | ||
createCanvas(100, 100); | createCanvas(100, 100); | ||
Строка 51: | Строка 51: | ||
===№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"> | ||
// ниже показаны различные варианты использования select(): | // ниже показаны различные варианты использования select(): | ||
var a = select('#moo'); | var a = select('#moo'); |
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Черновик |
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
function setup() {
createCanvas(100, 100);
// перемещает холст на 50 пикселей вниз:
select('canvas').position(100, 100);
}
№2
// ниже показаны различные варианты использования select():
var a = select('#moo');
var b = select('#blah', '#myContainer');
var c, e;
if (b) {
c = select('#foo', b);
}
var d = document.getElementById('beep');
if (d) {
e = select('p', d);
}
[a, b, c, d, e]; // не используются