Javascript-форум - Удаление обьекта в JavaScript. Как удалить обьект 'h4' и 'a' если они существуют?

Javascript-форум (https://javascript.ru/forum/)

- Opera, Safari и др. (https://javascript.ru/forum/css-html-browser/)

- - Удаление обьекта в JavaScript. Как удалить обьект 'h4' и 'a' если они существуют? (https://javascript.ru/forum/css-html-browser/84920-udalenie-obekta-v-javascript-kak-udalit-obekt-%27h4%27-i-%27%27-esli-oni-sushhestvuyut.html)

Удаление обьекта в JavaScript. Как удалить обьект 'h4' и 'a' если они существуют?

:help:

var id_name_var
id_name_var = "Name"

function Search_user() {
    var search = document.getElementById("search-user-input").value;
    var h4 = document.createElement('label')
    if (id_name_var == "Name") {
        h4.innerText = "Найдено по запросу " + search + ":"
    } else {
        h4.innerText = "Найдено по ID " + search + ":"
    }
    h4.className = "h4"
    document.body.append(h4)
    var a = document.createElement('a')
    a.className = "a";
    a.innerHTML = '<a href="" style="color: rgb(87, 59, 7); text-decoration: none"><div class="contact-data"><img src="" alt="" class="img-cont"><label class="contact-name">' + search + '</label><br><label class="message-text-cont">Вы искали его(-ё)?</label></div></a>'
    document.body.append(a);
}

function id_name() {
    var id_name_val = document.getElementById("id-name")
    var input = document.getElementById("search-user-input")
    if (id_name_val.value == "Поиск по ID") {
        id_name_val.value = "Поиск по Имени"
        input.placeholder = "ID пользователя"
        id_name_var = "ID"
        input.value = ""
    } else {
        id_name_val.value = "Поиск по ID"
        input.placeholder = "Имя пользователя"
        id_name_var = "Name"
        input.value = ""
    }
}

Maksim_Otvete,
:-?

h4?.remove();
a?.remove();

Мне нужно при нажатии на кнопку поиска обновлять выводимую информацию

:stop:

<!DOCTYPE html>
{% load static %}
<html lang="ru">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="{% static "css/Search.css" %}" />
        <title>Поиск пользователя</title>
    </head>
    <body bgcolor="orange">
        <div id="div-title">
            <img id="img-icon" src="">
            <a href="{% url 'main' %}"><button id="btn-icon">Finter</button></a>
            <a href="{% url 'search_user' %}"><button class="btn-title">Найти</button></a><!--
            --><a href="{% url 'frends' %}"><button class="btn-title">Друзья</button></a>
            <a href="{% url 'sign_in' %}"><button class="btn-title" id="btn-ent">Войти</button></a>
            <a href="{% url 'registration' %}"><button id='btn-reg'>Регистрация</button></a>
        </div>

        <div id="content">
            <div id="search-user">
                <input type="search" id="search-user-input" placeholder="Имя пользователя" maxlength="45" required><!--
                --><button onclick="Search_user()" id="search-user-button">></button>
                <input type="button" onclick="id_name()" id="id-name" value="Поиск по ID">
            </div>
            <hr id="search-user-hr">
        </div>
    </body>
</html>

<script src="{% static "JS/JS Finter.js" %}">
    alert('Подключение к JavaScript прервано!');
</script>

<a href="{% url 'main' %}"><button id="btn-icon">Finter</button></a>

В элементы <a> нельзя вставлять интерактивные элементы (a, button, input, select и т.п) Как при клике браузер поймет, на чем кликнули, на ссылке или на кнопке?

Можно потому, что button входит в территорию a. У меня работает.:)