HTML удаление тега кнопки из бэкэнда

Question

Я создал кнопку динамически в JavaScript, и я удаляю ее, когда пользователь нажимает на нее символ X. Я устанавливаю style.display = нет, чтобы добиться этого, но проблема в HTML есть место в нем даже после удаления кнопки. Как я могу удалить кнопку без пробела в HTML.

 var x = document.getElementById(id);
 x.style.display='none';

Answer 1

попробуйте, если хотите изменить css

<script type="text/javascript">
    $("#id").css('display', 'none');
</script>

или использовать его для добавления или удаления класса. измените добавление для удаления, если хотите удалить класс

<script type="text/javascript">
    document.getElementById("submit").classList.add('disabled'); 
</script>

Answer 2

Прежде всего, если вы удалите из Google элемент HTML в javascript, первое, что вы увидите, это: Как удалить элемент HTML, используя Javascript?

и это работает, но я все равно добавлю свои 2 цента, так как тот использует parentElement, который немного устарел.

В javascript есть метод .remove (), который позволяет вам удалить html элемент. Это так же просто, как:

var x  = document.querySelector("#id");
x.remove();

, но я сомневаюсь, что это решит вашу проблему, вы можете удалить родительский элемент, если у него есть поле или отступ, например:

var x  = document.querySelector("#id");
x.parentElement.remove();

ура