Сделать кнопку невидимой, нажав другую кнопку в HTML

Question

Как сделать кнопку невидимой, нажав другую кнопку в HTML?
Я написал, как показано ниже, но она не работает.

Answer 1

напишите

Спрятать

{document.getElementById("p2").style.display="none";}

показать

{document.getElementById("p2").style.display="block";}

Answer 2

Для видимых:

document.getElementById("test").style.visibility="visible";

Для невидимых:

document.getElementById("test").style.visibility="hidden";

Answer 3

1. getElementById возвращает один объект, для которого можно указать стиль. Итак, приведенное выше объяснение является правильным.

2. getElementsByTagName возвращает несколько объектов (массив объектов и свойств), для которых мы не можем применить стиль напрямую.

Answer 4

Использование jQuery!

var demoShow = function(){
    $("#p2").hide();
}

Но я бы порекомендовал вам дать идентификатор вашей кнопке, на которой вы хотите, чтобы какое-либо действие произошло. Например:

<input type="button" id="p1" value="edit" />
<input type="button" id="p2" value="submit" name="submit" />

<script type="text/javascript"> 
$("#p1").click(function(){
    $("#p2").hide();
});
</script>

Чтобы показать это снова, вы можете просто написать: $("#p2").show();

Answer 5

попробуйте

function demoShow() {   
document.getElementById("but1").style.display="none";

}



<input type="button" value="click me" onclick="demoShow()" id="but" />

<input type="button" value="hide" id="but1" />

Answer 6

Используйте id элемента, чтобы сделать то же самое.

document.getElementById(id).style.visibility = 'hidden';

Answer 7

Я обнаружил проблемы с перемещением элементов, используя некоторые из вышеперечисленных, поэтому если у вас есть объекты рядом друг с другом, которые вы хотите просто поменять местами, это работает лучше всего для меня

document.getElementById('uncheckAll').hidden = false;
document.getElementById('checkAll').hidden = true;

Answer 8

Попробуйте это

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{p2.style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />

http://jsbin.com/gurolawu/1/

Answer 9

$( "#btn1" ).click(function() {
 $('#btn2').css('display','none');
});

Answer 10

Используйте этот код:

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{document.getElementById("p2").style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />