Показать сообщение отдельно
  #12 (permalink)  
Старый 17.09.2023, 13:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

WebMachine,
при условии что в искомом тексте нет тегов!!!
<!DOCTYPE HTML>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            let searchinput = document.querySelector('#searchinput').value;
            const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
            const createRegExp = str => new RegExp('(^|\\s+)(' +escapeRegExp(str) + '[a-zа-яё]*)','gim');
            let reg = createRegExp(searchinput); console.log(reg)
            const elements = document.querySelectorAll('p.fullpage');
            elements.forEach((element) => {
                element.innerHTML = element.textContent.replace(reg, '<b>$1$2<\/b>');
            });
        });
    </script>
</head>

<body>
    <input type="text" id="searchinput" value="ipsum">
    <p class="fullpage">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti dignissimos omnis totam qui veritatis sunt laboriosam. Qui excepturi similique necessitatibus! Explicabo cum eius error facilis accusantium perferendis, voluptatibus rem, quas repudiandae
        quia obcaecati laborum alias a pariatur beatae dicta dolorum voluptas molestias recusandae dolores. Repellendus eligendi facere adipisci vel placeat id porro nisi, quisquam delectus aspernatur amet omnis perspiciatis sed similique. Impedit, ipsum!
        Voluptatum maxime sed fugit dolore nostrum. Facere nemo quam nesciunt necessitatibus officiis cumque aut itaque fugiat recusandae? Quos tempora laudantium autem natus, aut dicta ipsa, ab fugiat, voluptate voluptatem aliquid. Earum voluptates,
        est ad possimus esse ducimus ipsum!</p>
</body>

</html>
Ответить с цитированием