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();

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

基于页面上连接的脚本，使用了angular 10.5.10.26529。是否可以使用 JavaScript 调用在 Angular 中进行的按钮点击？

Answer 1

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

查看示例 =>

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")
  }

<块引用>

要选择特定按钮，最好使用 id 和 getElementById 方法而不是类

Answer 2

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

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

以编程方式单击按钮

2 个答案: