Как выделить искомый запрос в результатах поиска
Здравствуйте.
Хочу выделить искомый запрос в результатах поиска жирным шрифтом. На данный момент написал:
<script>
document.addEventListener("DOMContentLoaded", () => {
let searchinput = document.querySelector('#searchinput').value;
let fullpage = document.querySelector('#fullpage').toString();
// fullpage.replace(searchinput, '<b>'+searchinput+'</b>');
fullpage.split(searchinput).join('<b>'+searchinput+'</b>');
});
</script>
Подскажите что я делаю не так? В консоли ошибок нет. Почему запрос в найденных результатах не выделяется? |
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
WebMachine,
не могу помочь, но я говорил про что-то такое out.innerHTML = fullpage.replace(searchinput, '<b>'+searchinput+'</b>'); |
Цитата:
|
Цитата:
document.addEventListener("DOMContentLoaded", () => {
let searchinput = document.querySelector('#searchinput').value;
let newValue = '<b>' +searchinput+ '</b>';
const elements = document.querySelectorAll('p.fullpage');
elements.forEach((element) => {
element.innerHTML = element.textContent.replace(searchinput, newValue);
});
});
|
Цитата:
|
Цитата:
document.addEventListener("DOMContentLoaded", () => {
let searchinput = document.querySelector('#searchinput').value;
let newValue = '<b>' +searchinput+ '</b>';
const elements = document.querySelectorAll('.fulldesc');
elements.forEach((element) => {
element.innerHTML = element.textContent.replaceAll(searchinput, newValue);
});
});
с этим: https://javascript.ru/forum/dom-wind...zav-konec.html |
| Часовой пояс GMT +3, время: 15:32. |