JavaScript:Библиотеки/p5.dom/Класс p5.Element/child(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
child([child]) | child([child]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
child – элемент, который нужно присоединить к текущему элементу (в виде строкового ID, DOM-узла или объекта p5.Element). Тип данных – String, объект, p5.Element | child – элемент, который нужно присоединить к текущему элементу (в виде строкового ID, DOM-узла или объекта p5.Element). Тип данных – String, объект, p5.Element | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Объект p5.Element. | Объект p5.Element. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 40: | Строка 40: | ||
===№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"> | ||
var div0 = createDiv('this is the parent'); | var div0 = createDiv('this is the parent'); | ||
// 'это родительский элемент' | // 'это родительский элемент' | ||
Строка 50: | Строка 50: | ||
===№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'); | ||
// 'это родительский элемент' | // 'это родительский элемент' | ||
Строка 61: | Строка 61: | ||
===№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'); | ||
// 'это родительский элемент' | // 'это родительский элемент' |
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Черновик |
child() [1]
Описание
Присоединяет заданный дочерний элемент к текущему родительскому элементу. В качестве параметра можно указать строковый ID, DOM-узел или объект p5.Element. Если параметра не задано, функция child() вернет массив дочерних DOM-узлов.
Чтобы использовать эту функцию, необходимо подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
child([child])
Параметры
child – элемент, который нужно присоединить к текущему элементу (в виде строкового ID, DOM-узла или объекта p5.Element). Тип данных – String, объект, p5.Element
Возвращаемое значение
Объект p5.Element.
Пример
№1
var div0 = createDiv('this is the parent');
// 'это родительский элемент'
var div1 = createDiv('this is the child');
// 'это дочерний элемент'
div0.child(div1); // используем объект p5.Element
№2
var div0 = createDiv('this is the parent');
// 'это родительский элемент'
var div1 = createDiv('this is the child');
// 'это дочерний элемент'
div1.id('apples'); // 'яблоки'
div0.child('apples'); // 'яблоки', используем строковый ID
№3
var div0 = createDiv('this is the parent');
// 'это родительский элемент'
var elt = document.getElementById('myChildDiv');
div0.child(elt); // используем элемент со страницы (DOM-узел)