Question

我有一个如下所示的按钮，

<button type = "submit">submit</button>

如何让JS在不更改HTML代码的情况下阅读已按下的内容？

我还有一个按钮

<button class="add">add</button>

如何让JS在不更改代码的情况下阅读点击？

Answer 1

您可以使用几个DOM元素选择函数中的任何一个选择元素（.querySelector()，.getElementsByTagName()，.getElementsByClassName()等等。）为您带来喜欢，附加一个事件监听器单击事件，然后在监听器中执行任何操作。

＆＃13;

// document.querySelector('button.add') to select by class, or...
document.querySelector('button[type="submit"]').addEventListener('click', function(e) {
  alert('The button was clicked.')
})

＆＃13;

<button type = "submit">submit</button>

＆＃13;

请注意，如果页面上有多个按钮，则需要使用.querySelectorAll()（或我提到的其他功能之一）返回列表，然后循环遍历列表以附加事件处理程序每个人。或者将处理程序附加到其公共包含元素。如果你想为每个人做一些不同的，那么你需要一些方法来区分它们，例如，如果它们在不同的容器或其他东西中。

Answer 2

var buttons=document.getElementsByTagName("button");////returns an array of all buttons 
//assuming that you have only one button with type == submit otherwise loop here
if(buttons[0].getAttribute("type")=="submit")
{
buttons[0].addEventListener("click",function(){
    //you code goes here
});
}


var buttons=document.getElementsByClassName("add");//returns an array of buttons with class as add
//assuming that you have only one button with class add
buttons[0].addEventListener("click",function(){
    //you code goes here
});

在HTML和JS中提交按钮

2 个答案: