william666
@william666

Как обернуть первый символ span'ом?

например,
<h2>Заголовок</h2>

требуется:
<h2><span>З</span>аголовок</h2>
  • Вопрос задан
  • 47 просмотров
Решения вопроса 2
sergiks
@sergiks Куратор тега JavaScript
♬♬
const wrapFirstLetter = el => {
  const letter = el.textContent[0];
  el.innerHTML = `<span>${letter}</span>${el.textContent.substring(1)}`;
}

wrapFirstLetter(document.querySelector('h2'));


Ответ написан
otdameskapizm
@otdameskapizm
Помог ответ? Отметь решением...
Можно еще попробовать без JS, через псевдоэлементы:

h2::first-letter {
  color: red;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы