JavaScript:Библиотеки/p5.dom/Класс p5.Element/parent(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 16: | Строка 16: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
parent(parent) | parent(parent) | ||
parent() | parent() | ||
Строка 23: | Строка 23: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
parent – родительский элемент, к которому нужно присоединить элемент, в виде строкового ID, DOM-узла или p5.Element. Тип данных – String, p5.Element, объект | parent – родительский элемент, к которому нужно присоединить элемент, в виде строкового ID, DOM-узла или p5.Element. Тип данных – String, p5.Element, объект | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 29: | Строка 29: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 37: | Строка 37: | ||
===№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"> | ||
// в файле HTML: | // в файле HTML: | ||
// <div id="myContainer"></div> | // <div id="myContainer"></div> | ||
Строка 47: | Строка 47: | ||
===№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"> | ||
var div0 = createDiv('this is the parent'); | var div0 = createDiv('this is the parent'); | ||
// 'это родительский элемент' | // 'это родительский элемент' | ||
Строка 57: | Строка 57: | ||
===№3=== | ===№3=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var div0 = createDiv('this is the parent'); | var div0 = createDiv('this is the parent'); | ||
// 'это родительский элемент' | // 'это родительский элемент' | ||
Строка 68: | Строка 68: | ||
===№4=== | ===№4=== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var elt = document.getElementById('myParentDiv'); | var elt = document.getElementById('myParentDiv'); | ||
var div1 = createDiv('this is the child'); | var div1 = createDiv('this is the child'); |
Текущая версия от 06:52, 24 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Черновик |
parent() [1]
Описание
Присоединяет элемент к заданному родительскому элементу. По сути, это способ задать контейнер для элемента. Параметром можно указать строковый ID, DOM-узел или объект p5.Element. Если параметр задан не будет, parent() просто вернет родительский узел. Более подробно о позиционировании холста читайте в соответствующем руководстве.
Кроме того, эта функция может быть объединена в цепочку с другими функциями.
Синтаксис
parent(parent)
parent()
Параметры
parent – родительский элемент, к которому нужно присоединить элемент, в виде строкового ID, DOM-узла или p5.Element. Тип данных – String, p5.Element, объект
Возвращаемое значение
Пример
№1
// в файле HTML:
// <div id="myContainer"></div>
// в файле JavaScript:
var cnv = createCanvas(100, 100);
cnv.parent('myContainer');
№2
var div0 = createDiv('this is the parent');
// 'это родительский элемент'
var div1 = createDiv('this is the child');
// 'это дочерний элемент'
div1.parent(div0); // используем p5.Element
№3
var div0 = createDiv('this is the parent');
// 'это родительский элемент'
div0.id('apples');
var div1 = createDiv('this is the child');
// 'это дочерний элемент'
div1.parent('apples'); // используем строковый ID
№4
var elt = document.getElementById('myParentDiv');
var div1 = createDiv('this is the child');
// 'это дочерний элемент'
div1.parent(elt); // используем элемент со страницы