Разделить string на HTML элементы

107

29 марта 2021, 21:00

Хотел разделить string на html элементы span.

Т.е, что бы

из <div>Самсунг, Айфон</div>

<div>
  <span>Самсунг</span>
  <span>Айфон</span>
</div>

Answer 1

let div = document.querySelector('div'); 
let str = div.textContent; 
div.textContent = ''; 
let arr = str.split(','); 
 
 
arr.forEach(i => { 
  let span = document.createElement('span'); 
  span.textContent = i; 
  div.appendChild(span); 
})

<div>Самсунг, Айфон</div>

Answer 2

void function () { 
    var container = document.querySelector('div') 
    var text = container.textContent.trim() 
    while (container.firstChild) { 
        container.removeChild(container.firstChild) 
    } 
    text.split(/[\s\,]+/gm).forEach((i) => { 
        var span = document.createElement('span') 
        span.textContent = i 
        container.appendChild(span) 
    }) 
}()