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

我做了大量的研究，似乎无法找到答案。我希望你能帮助我。我的代码显示了两个按钮，当你点击“确认”按钮时，它会显示弹出窗口并隐藏两个按钮。我似乎无法使按钮消失，弹出窗口工作正常

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:

---

使用getElementsBy…时，即使只有一个元素，它也会返回一个元素列表。（getElementsBy中的复数元素给出了它）

所以你需要告诉它在列表中找到一个特定的。如果只有一个可以使用

document.getElementsByClassName('blah')[0]

或者你可以给你的元素一个id，然后通过这种方式得到它

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

document.getElementById（'blah'）.style.visibility='hidden'；

就我个人而言，我不喜欢在线javascript。下面是一个示例，说明如何在没有它的情况下做自己想做的事情：

//函数确认（）{
//提醒（“感谢您确认发货地址”）；
//var confirm_button=document.getElementsByName（“确认”）；
//确认按钮.style.visibility=“hidden”；
//变量更改按钮=document.getElementsByName（“更改”）
//更改按钮.style.visibility=“hidden”；
//}
$（“#确认”）.off（）.on（“单击”，函数（）{//click on confirm按钮将导致表单提交，因此您的页面将被刷新感谢您的建议，user2782001，它解决了我的问题！或普通javascript方式文档.myElement.addEventListener（“单击”，确认）；我喜欢……我已经搭上了jQuery的马车，但你得到了最纯粹的答案。
<input type='button' id='blah'/>
document.getElementById('blah').style.visibility='hidden';