以编程方式单击按钮

Question

HTML中的按钮代码：

<div class="login-new-open-button">
<button class="btn btn-primary btn-square login-new-dialog-button" ng-click="continue()" translate="">Continue</button>
</div>

可以使用 Javascript:

以编程方式找到该按钮

document.getElementsByClassName('btn btn-primary btn-square login-new-dialog-button')

这个电话打不通：

document.getElementById('btn btn-primary btn-square login-new-dialog-button').click();

但是以编程方式单击它不起作用。

根据页面上连接的脚本，使用angular10.5.10.26529。是否可以使用 JavaScript 来调用 Angular 中的按钮点击？

Answer 1

为您的按钮添加一个 id (id="niceBtn") 并将其命名为：

document.getElementById('niceBtn').click();

Answer 2

要以编程方式单击按钮，请使用 .click() 方法。您也不能将 continue （保留关键字）定义为 js

中的函数

查看示例 =>

HTML

<div class="login-new-open-button">
<button class="btn btn-primary btn-square login-new-dialog-button" ng-click="Continue()" translate="">Continue</button>
</div>

Js

  let element = document.querySelector('.btn');
  element.click()
  function Continue(){ // C is capital if small then keyword continue which isn't  possible
   alert("button clicked")
  }

For selecting a particular button it is preferred to use id and getElementById method instead of class

以编程方式单击按钮

Programmatically click on the button

html

javascript

button

dom-events

angularjs