javascript代码，在html中单击一个按钮时隐藏两个按钮

Question

我做了很多研究，但似乎找不到答案。我希望你能帮助我。我有显示两个按钮的代码，当您单击“确认”按钮时，它将显示弹出窗口并隐藏这两个按钮。我似乎无法让按钮消失，弹出窗口工作正常。

function confirm() {
alert("Thank you for Confirming the Shipping Address. ");
var confirm_button = document.getElementsByName("confirm");
confirm_button.style.visibility="hidden";
var change_button = document.getElementsByName("change")
change_button.style.visibility="hidden";

HTML:

<input type="submit" name="confirm" value="Confirm Shipping Address" style="width: 180px; height: 35px"  onclick="confirm()" >

Answer 1

当您使用 getElementsBy... 时，它会返回一个元素列表，即使只有一个元素也是如此。 (getElementsBy 中的复数 Elements 泄露了它)。

因此您需要告诉它在列表中查找特定的一个。如果只有一个可以使用

document.getElementsByClassName('blah')[0]

或者你可以给你的元素一个id并以这种方式得到它

<input type='button' id='blah'/>
document.getElementById('blah').style.visibility='hidden';