How to wrap everything that comes after a div?

Question

JavaScript

There is a div followed by text and other elements.

<div class="block">Some text</div>
<hr>
More text
<br>
Again more text

How can I wrap everything after div.block including text, hr and br in div.another__block

Answer 1

const block = document.querySelector('.block');
const parent = block.parentNode;
const childNodes = [...parent.childNodes];
const wrapper = document.createElement('div');
wrapper.classList.add('another__block');
wrapper.append(...childNodes.slice(childNodes.indexOf(block) + 1));
parent.append(wrapper);