0

Мне необходимо создать контейнер и поместить все элементы, которые есть в документе в этот контейнер, используя только javascript. В интернете нашел только такую возможность сделать через jQuery, что не подходит, так как есть условие, что библиотеки использовать нельзя.

Не минусуйте без объяснений, это не решает вопроса

Мне нужно понять как сделать выборку и перемещение в контейнер

2
  • какой контейнер подойдет?
    – Roman C
    28 апр 2018 в 23:05
  • Для создания используется document.createElement, для добавления .appendChild, .insertBefore. Изучите основы learn.javascript.ru/modifying-document
    – And
    28 апр 2018 в 23:54

1 ответ 1

2

Так как вопрос слишком общий, в ответе ограничусь примером:

let container = document.createElement('div'); 
for (let el of Array.from(document.body.children))
  container.appendChild(el); 
document.body.appendChild(container); 

container.style.border = '2px dashed red'; 
<header><h1>Header</h1></header>
<section>
  <div>
    <h2>Content</h2>
    <p>Lorem ipsum dolor sit amet</p>
  </div>
</section>
<footer>Footer</footer>

Когда необходимо получить все вложенные элементы, не обязательно использовать методы поиска в DOM - быстрее и надежнее обратиться к свойству Node.children, которое возвращает динамическую коллекцию элементов (типкаст к массиву в данном случае необходим как раз потому что коллекция "живая").

1
  • 1
    спасибо за разъяснение и пример
    – Юрий
    29 апр 2018 в 10:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.