169 похожих чатов

Привет. У меня есть такой код (https://jsfiddle.net/auk7hL0c/2/): function createSection() {

const element = document.createElement("div")
return { id: 0, element }
}

const sections = [
createSection(),
createSection()
]

document.body.append(...sections.map(({element}) => element))

let itemID = 0
document.body.onclick = () => {
const section = sections[Math.floor(Math.random() * 2)]

const item = document.createElement("div")
item.innerText = ++section.id

section.element.append(item)
}

При клике на страницу один div с цифрой добавляется в случайный section. Выглядит это как два списка, в которые случайно добавляются элементы. Собственно вопрос: есть ли js какая-то штука, чтобы добавлять новые div прямо в document.body, без дополнительного div для section?

6 ответов

8 просмотров

попробуй перефразировать вопрос, не очень понятно что ты хочешь получить в итоге

Егор-Малютин Автор вопроса
Igor Lesnevskiy
попробуй перефразировать вопрос, не очень понятно ...

Я могу конечно перефразировать, но станет ещё менее понятно

Егор-Малютин Автор вопроса
Igor Lesnevskiy
код понятный, непонятен сам вопрос)

Сейчас, если нажать несколько раз, в результате может получиться вот такое дерево, например: <body> <div> <div>1</div> <div>2</div> <div>3</div> </div> <div> <div>1</div> <div>2</div> </div> </body> А я хочу, чтобы получалось вот так: <body> <div>1</div> <div>2</div> <div>3</div> <div>1</div> <div>2</div> </body> Как мне это сделать?

Создаём массив массивов, рандомом выбираем нужный, берём последний элемент нужного массива и выполняем insertadjancent(afterend, div), добавляем в выбранный массив

Похожие вопросы

Обсуждают сегодня

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Чтобы перехватить все нажимания буков на форме, надо хук ставить? Пробовал на форме ОнКейДаун, оно ловит клаву если фокус не на компоненте с вводом текста
Serjone
15
лучше скажите, причём тут паскаль?
Alexey Kulakov
36
Всем привет! вывожу на общей стр дочерние ресурсыв каждом ресурсе галерея, и первая фотка должна выводиться на общей [!DocLister? &prepare=photo !]
Alekso
12
А можно вопрос? Мне сегодня сказали что у меня функция (которая просто заполняет массив значениями) не правильная void Full(double * arr, int n) { for (int i = 0; i < n; i...
† C E †
7
День добрый, подскажите пожалуйста, есть ли какой-то способ сказать ребару не компилировать определённое приложение? Всю доку их перечиатл ничего подобного не нашёл
Кирилл
14
Добрый вечер. Хочу чтобы у меня в классе поле было функцией, которая возвращает строку. Делаю так: interface ... TGetOutPath = function : String of object; ... protec...
Kirill Filippenok
12
Народ! Впервые клиенту пришло письмо от РКН, у вас, дескать, есть яндекс метрика, а нигде не написано, что вы ее юзаете. Никто не сталкивался?
Sasha Beep
10
Это может быть все-таки не флудвейт? у меня ботфазер принимает изменения и отображает даже что они изменились, на видео видно что он прислал якобы уже измененное описание, н...
OVERLINK
13
Здравствуйте, хочу сделать HelloWorld в консоли Дельфи, но функция API ничего не выводит, что я делаю не так? program Hello; {$APPTYPE CONSOLE} uses System.SysUtils, WinAPI.Wi...
Sergey Vinogradov
20
Карта сайта