从后端移除 HTML 按钮标签答案

【问题标题】：HTML button tag removal from backend从后端移除 HTML 按钮标签
【发布时间】：2020-01-12 04:27:56
【问题描述】：

我在 JavaScript 中动态创建了一个按钮，当用户单击它上的 X 符号时，我将删除它。我正在设置 style.display=none 来实现这一点，但问题是在 HTML 中，即使在删除按钮之后，其中仍有空间。如何在 HTML 中删除没有任何空格的按钮。

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

【问题讨论】：

【解决方案1】：

首先，如果您在 javascript 中使用 Google 删除 HTML 元素，您首先看到的是：How to remove an HTML element using Javascript?

它有效，但无论如何我都会投入 2 美分，因为那个使用了 parentElement，这有点过时了。

在 javascript 中有一个 .remove() 方法可以让你删除一个 html 元素。很简单：

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

但我怀疑这会解决您的问题，如果父元素具有如下边距或填充，您可能希望删除它：

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

干杯

【讨论】：

【解决方案2】：

如果你想改变 css 试试看

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

或使用它来添加或删除类。如果要删除类，请将添加更改为删除

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

【讨论】：