Как добавить span в h2 с помощью js?

Question

[lena_tihonova_bl]

Как из этого:

<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. In quidem rerum sequi assumenda culpa nam doloremque quae quam illum alias architecto, voluptatem dolorum esse officia nesciunt necessitatibus quo, aperiam voluptates?</h2>

Сделать это с помощью js?

<h2>Lorem ipsum <span>dolor</span> sit amet consectetur adipisicing elit. Fugiat nemo, reiciendis ducimus eveniet tempora beatae nam? Deleniti, placeat aperiam, tenetur harum rerum voluptatum iure ipsum excepturi obcaecati, sint cupiditate! Obcaecati?</h2>

Заранее спасибо.

Comments

[Михаил Р.]

Что конкретно у Вас не получилось?

[lena_tihonova_bl]

Михаил Р., не то чтобы не получилось - скорее вообще нет идей, как это реализовать и какой запрос гуглить.

[Denis Melnikov]

lena_tihonova_bl, не готовый код, а только на подумать

let h2 = document.getElementByID(...)
//Дальше уже 2 пути
//1) Можно вставить шаблон в h2 
h2.insertAdjacentHTML("beforeEnd",`text before <span>u text</span text after`)

//2) Можно через создание элемента
let span = document.createElement("span")
span.innerText = "123"
h2.insertAdjacentElement("beforeEnd". span)

Answer 1

[Владимир Коротенко]

так

Comments

[lena_tihonova_bl]

А если "dolor" будет несколько, то как выбрать конкретный по номеру?

[Владимир Коротенко]

lena_tihonova_bl, replace принимает регэксп, так что извращайтесь как хотите