以编程方式单击按钮

axkjgtzd  于 2021-09-29  发布在  Java
关注(0)|答案(2)|浏览(415)

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中的按钮单击?

ih99xse1

ih99xse11#

对于以编程方式单击按钮,请使用.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方法,而不是类

e1xvtsh3

e1xvtsh32#

向按钮(id=“nicebtn”)添加一个id,并按如下方式调用它:

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

相关问题