click（）方法不起作用控制台返回错误JavaScript

Question

我正在尝试通过单击“按钮B”创建一组操作 将点击“按钮A​​”作为B触发的功能的最后一个动作。 我在其他地方使用了相同的代码行。我无法弄清楚为什么我一直在为最后一次动作调用得到错误。

请帮助我了解我已经研究了很多找不到答案。

function doActionsA(){
  document.getElementById('view').innerHTML = "You clicked?";
}

function doActionsB(){
//Other actions befor the click action.

//I used this befor and it worked in other instances
document.getElementsByClassName('active').click();
}

<div id="view"></div>
<button class="active" onclick="doActionsA();">Button A</button>
<button class="trigger" onclick="doActionsB();"> Button B</button>

Answer 1

document.getElementsByClassName返回一个元素数组。因此，您需要访问单个元素，然后执行单击操作

function doActionsA(){
  document.getElementById('view').innerHTML = "You clicked?";
}

function doActionsB(){
//Other actions befor the click action.

//I used this befor and it worked in other instances
document.getElementsByClassName('active')[0].click();
}

<div id="view"></div>
<button class="active" onclick="doActionsA();">Button A</button>
<button class="trigger" onclick="doActionsB();"> Button B</button>