Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从后端删除HTML按钮标记_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript 从后端删除HTML按钮标记

Javascript 从后端删除HTML按钮标记,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我在JavaScript中动态创建了一个按钮,当用户单击按钮上的X符号时,我将删除该按钮。。 我正在设置style.display=none来实现这一点,但问题是在HTML中,即使在删除按钮后也有空间。如何在HTML中删除没有任何空格的按钮 var x = document.getElementById(id); x.style.display='none'; 首先,如果您在谷歌上删除javascript中的HTML元素,您首先看到的是: 它是有效的,但我还是要投入2美分,因为它使用了pa

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

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

首先,如果您在谷歌上删除javascript中的HTML元素,您首先看到的是:

它是有效的,但我还是要投入2美分,因为它使用了parentElement,这有点过时了

javascript中有一个.remove()方法,允许您删除html元素。 简单到:

var x  = document.querySelector("#id");
x.remove();
但我怀疑这会解决您的问题,如果父元素有边距或填充,您可能希望删除它,如下所示:

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

干杯

如果您想更改css,请尝试

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

$(“#id”).css('display','none');
或者使用它来添加或删除类。如果要删除该类,请将add更改为remove

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

document.getElementById(“提交”).classList.add(“禁用”);

您能添加所有的html和javascript吗example@G.aziz,html和js太大,无法在此处添加。。你能告诉我如何动态移除按钮吗…谢谢你的问题。。。我也尝试过,但仍然没有解决问题。他们没有声明他们正在使用jquery,所以您的第一个解决方案将无法工作