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

101
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) 
    }) 
}()
<div>Самсунг, Айфон</div>

READ ALSO
Парсинг js кода

Парсинг js кода

Всем привет! С помощью php+curl вытягиваю данные с страницы вот в таком формате:

85
Получение email писем в админ-панель

Получение email писем в админ-панель

Друзья, интересует вопрос, возможно ли как то прикрутить в админку на php сервис приема писем(такой себе эквивалент почтового ящика)Кто может...

116
Привязать домен пользователя к своему сервису

Привязать домен пользователя к своему сервису

Есть сервис (ака генератор лендингов для примера)Живёт на домене mydomain

116