如何使用HTML按钮调用javascript函数

我有这个HTML代码，如何在不更改HTML文件的情况下调用javascript函数

<tr>
     <td><div id="number1">1</div></td>
     <td><div>+</div></td>
     <td><div id="number2">2</div></td>
     <td><div>=</div></td>
     <td><input type="text"></input></td>
     <td><input type="button" value="Check"></input></td>
</tr>

---

函数

getElementsByTagName

返回DOM中的所有输入元素，您需要检查输入是否为button类型，如下所示：

var inputs = document.getElementsByTagName("input");

for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type === "button") {
        inputs[i].onclick = function () {
            alert("hello!");
        }
    }
}

var inputs=document.getElementsByTagName（“输入”）；
对于（变量i=0；i

---

这里有一把小提琴：

使用querySelectorAll（）试试这个

document.querySelector（'input[type=“button”]”）。addEventListener（'click'，function（）{alert（'hello'）；}）

1.
+
2.
=
试试这个

  var button = document.getElementsByTagName("input");  
  button[1].onclick = function(){ button[0].value=3; };  

我们应该得到所有的输入元素，结果是2个输入元素。第一个是文本，第二个是按钮
然后我们应该使用第二个（按钮）按钮[1]…单击按钮调用函数，并在文本输入中写入值3（1+2=3）
document.getElementsByTagName（“输入”）提供输入列表，而不仅仅是一个按钮

这里，
button.onclick=function（）{alert（'hello！'）；}您试图将单击处理程序附加到无效的列表本身。您必须逐个绑定处理程序

编辑：

使用
document.querySelector（）
：


//获取类型为button、值为check的输入
var btn=document.querySelector（'input[type=button][value=Check'）；
//添加单击处理程序
btn.onclick=函数（）{
警报（“您点击了！”）；
};
试试这个

document.getElementsByTagName("input").addEventListener("click",   function(){
    alert('hello');});

“如何在不更改HTML文件的情况下调用javascript函数。”这是他的问题，readWelcome to SO。如果您可以编辑您的答案，并解释您显示的代码的作用，以及该代码回答问题的原因/方式，这将非常有帮助。我更新了我的答案，请检查它
document.getElementsByTagName("input").addEventListener("click",   function(){
    alert('hello');});