Обернуть несколько элементов в 1 блок

@Kraken73 · Регистрация: 17.09.2015

Author24 — интернет-сервис помощи студентам

есть

HTML5

<p class="className">
    <span>text1</span>
    <span>text2</span>
    <span class="className2">text3</span>
    <span class="className2">text4</span>
</p>

мне нужно получить такое

HTML5

<p class="className">
    <span>text1</span>
    <span>text2</span>
    <span class="className3">
         <span class="className2">text3</span>
         <span class="className2">text4</span>
    </span>
</p>

как можно обернуть несколько элементов на чистом JS? на jQuery это wrapAll, а вот на чистом js?

@atanov · 05.02.2018, 21:39

А обернуть что означает в Вашем понимании?

@Qwerty_Wasd · 06.02.2018, 00:33

Kraken73, к примеру - песочница

Javascript

var cn2=Array.from(document.querySelectorAll('span.className2')),cn3=document.createElement('span');cn3.classList.add("className3");wrap = function (toWrap, wrapper){toWrap.parentNode.appendChild(wrapper);return wrapper.appendChild(toWrap)};cn2.map(function(e){wrap(e,cn3)})

@atanov 634 / 476 / 170 Регистрация: 26.05.2016 Сообщений: 2,638
	05.02.2018, 21:39	2
	А обернуть что означает в Вашем понимании? 0

	06.02.2018, 00:33

Обернуть несколько элементов в 1 блок

Решение