@KurwaTM

JavaScript не удаляется элемент. Что делать?

Не удаляется элемент при нажатии кнопки удалить. Вот сам код:
<html lang="ru">
<head>
    <title>Resourse menager | by yuroo.com</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css" media="screen">
</head>
<body>
<main>
   <script src="main.js"></script>
    <input id="list" type="button" value="Add Line!">
    <input type="text" id="line" placeholder="Write a some line here!"> <br>
    <input id="rem" type="button" value="Remove a some line!">
    <input type="text" placeholder="Write id from list!" id="linedel">
    <style>
        ul {
            list-style: square;
        }
        li {
            background: lightgray;
            display: block;
            height: 40px;
            border-radius: 5px;
            text-align: left;
            font-size: 20px;
            padding-left: 20px;
            padding-top: 10px;
        }
        li:hover {
            background: gray;
            transition: 0.3s;
        }
    </style>
    <script>
        list.onclick = function () {
            let create = document.createElement('ul')
            document.body.append(create)
                let data = document.getElementById("line").value
                if(!data){
                    alert("Please. Write a line!")
                } else {
                    let li = document.createElement('li')
                    li.textContent = data
                    li.id = ID()
                    li.textContent = "                                  " + ID()
                    document.body.append(li)
                }
        }

        let ID = function () {
            return '_' + Math.random().toString(36).substr(2, 9);

        }
        rem.onclick = function () {
            let linedel = document.getElementById("linedel").value
            let li = document.querySelector(linedel)
            // let li = document.getElementById(linedel)
            if(!linedel){
                alert("Please. Write a line!")
            } else {
                li.remove() //Здесь ошибка -----------------------------------------------------------------------
            }
        }

    </script>
</main>
</body>
</html>
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
@AUser0
Чем больше знаю, тем лучше понимаю, как мало знаю.
Функция ID() при каждом вызове генерирует уникальное значение. В результате у нового элемента id и textContent - разные. А значит и удалить элемент по его id получится, только если подсмотреть id в HTML-коде.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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