После поиска ссылки превращаются в просто текст - JavaScript, Ajax

llAlexll · 12.03.2020, 20:43

Код:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>n-kotiki</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="styles.css">
        <link href="https://fonts.googleapis.com/css?family=Montserrat:500&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <script src="../script.js"></script>
    </head>
    
    <style>
<style>
<?php echo file_get_contents("../styles.css"); ?>

</style>

    <body>
    
<div class="wrapper">
        <?php require "../blocks/header.php" ?>


        <div class="d1">
        <div class="row">
                <div class="row">
                    <div class="col-lg-12 form-control-group">
                    <form>
                        <input type="text" id="elastic" placeholder="Введите термин... " >
                        <input type="button" class="btn" value="Искать">
                        </form>
                    </div>
                    <div class="geo">
                    <div class="col-lg-12">
                        <ul class="elastic">
                            <li><a href="архимедова сила.php">1)Архимедова сила </a><br></li>
                            <li><a href="Давление на глубине.php">2)Давление на глубине </a><br></li>
                            <li><a href="давление.php">3) Давление </a> <br></li>
                            <li><a href="плотность.php">4)Плотность </a><br></li>
                            <li><a href="сила тяжести.php">5)Сила тяжести </a><br></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    
                </div>
            
                </div>
                </div>
                </div>

    <script src="../live_search.js"></script>






</div>



   </div>  
<footer class="footer">
        <?php require "../blocks/footer.php" ?>
</footer>       
    </body>
</html>

и вот js

Код:

document.querySelector('#elastic').oninput = function () {
    let val = this.value.trim();
    let elasticItems = document.querySelectorAll('.elastic li');
    if (val != '') {
        elasticItems.forEach(function (elem) {
            if (elem.innerText.search(val) == -1) {
                elem.classList.add('hide');
                elem.innerHTML = elem.innerText;
            }
            else {
                elem.classList.remove('hide');
                let str = elem.innerText;
                elem.innerHTML = insertMark(str, elem.innerText.search(val), val.length);
            }
        });
    }
    else {
        elasticItems.forEach(function (elem) {
            elem.classList.remove('hide');
            elem.innerHTML = elem.innerText;
        });
    }
}

function insertMark(string, pos, len) {
    return string.slice(0, pos) + '<mark>' + string.slice(pos, pos + len) + '</mark>' + string.slice(pos + len);
}

очень срочно помогите!!

Лубышев · 12.03.2020, 21:55

https://learn.javascript.ru/modifying-document вот тут смотрите insertAdjacentHTML/Text/Element
У вас происходит так называемая "безопасная вставка"

12.03.2020, 21:55	#2
Лубышев Участник клуба Регистрация: 23.07.2007 Сообщений: 1,054	https://learn.javascript.ru/modifying-document вот тут смотрите insertAdjacentHTML/Text/Element У вас происходит так называемая "безопасная вставка" Писано по д'Эльфийски

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Редактирование после поиска	TYMON	C++ Builder	3	18.05.2015 18:32
Получить текст и ссылки с сайта	reco1123	Общие вопросы Delphi	38	17.02.2015 21:10
Удаление ссылки из RichEdit после нажатия на нее?	FleXik	Общие вопросы Delphi	1	31.08.2014 16:38
Появление ссылки после 25 секунд ожидания.	Sprat	JavaScript, Ajax	0	02.04.2012 15:59
не просто текст, а как word или wordArt	andrey4623	Общие вопросы Delphi	2	29.12.2007 21:11