Как проверить есть ли в тексте выделение жирным?

Question

[KrotKrotKrotTest]

У меня есть html код. Как мне сделать проверку - есть ли в тексте выделения жирным или нет?

<li class="search__list-item"><div class="search__img-wrap"><img class="search__img search__img_indents" src="search.svg" alt="Иконка"></div><strong>поиск</strong>текста</li>

Comments

[Сергей Соколов]

именно наличие тега strong, или все варианты, включая какой-нибудь класс CSS?

Answer 1

[Сергей Соколов]

Можно спарсить фрагмент HTML в документ, в котором обычными методами вроде querySelector() поискать нужный тег:

const code = `
<li class="search__list-item">
  <div class="search__img-wrap">
    <img class="search__img search__img_indents" src="search.svg" alt="Иконка">
  </div>
  <strong>поиск</strong>
  текста
</li>
`;

const parser = new DOMParser();
const doc = parser.parseFromString(code, 'text/html');

if (doc.querySelector('strong')) {
  console.log('Есть!');
}

Answer 2

[Дмитрий Еремин]

Напоминаю, что еще может использоваться тег <b></b>

const regExp = <\/strong>|<\/b> // ищем </strong> или </b>
regExp.test( /* text here */ ) // true -> значение найдено

еще вариант регэкспа:

const regExp = <(\/)?b>|<(\/)?strong> // <b> или </b> или <strong> или </strong>

Comments

[Сергей Соколов]

регулярками парсить HTML / XML – довольно плохая затея: много возможностей допустить ошибку.

Жирнота текста ещё делается стилями вполне себе. Например

Немного <span style="font-weight: 700">bold'ового</span> текста

Не стоит пытаться объять необъятное )