динамическом выстраивании DOM?
Есть такая задача. Вот я создал конструкцию:
<div>
<div>
<div></div>
</div>
<div>
<div></div>
Элементы добавляются через createElement();
То есть, есть три дива, которые все вложены друг в друга, и один див ниже всех. Методы добавления к боди есть append, prepend, before, after и insertAdjacentHTML/Text/Element, которые используют в качестве аргумента названия узлов (после узла вставить, до узла и так далее). Но если узлы вот так одинаковые, то как сообщить кто в кого вложен, кто ниже? В гугле таких примеров не нашёл. Может, кто найдёт и подскажет?
Все примеры вложенности в гугле показывают только разнородные узлы. Одинаковых, как у меня, в примерах нет.
Ну ты создаёшь элемент, присваиваешь ему класс или айди, потом в него кладываель новый
а если без классов и айди? как обращаться? или пусть будет айди. вот я пример перепишу так: <div id='1'> <div id='2'> <div id='3'></div> </div> <div> <div id='4'></div> можешь, пожалуйста, пример показать, как, например, добавить див с айди 2 внутрь дива с айди 2, а потом див с айди 4 после дива с айди 1? createElement не пиши. Тут всё ясно.
пример, что я нашёл, есть такой: div.after('ol'); это не два одинаковых же.
Или такой пример: div.insertAdjacentElement('beforebegin', 'p'); Опять же не два одинаковых. А написать div.insertAdjacentElement('beforebegin', 'div'); хрен поймёшь после какого дива добавлять.
Обсуждают сегодня