如何自动单击此按钮？

Question

我如何制作一个自动单击此按钮的脚本？

<div data-v-2aabe0a6="" class="box-inner">
  <span data-v-2aabe0a6="">JOIN</span>
</div>

Answer 1

该代码（如果在必要的必要时插入）将起作用

document.querySelector('div[data-v-2aabe0a6=""]').click()

Answer 2

也许重新考虑您的CSS。拥有一个新的有意义的类名称，例如“加入”，该名称描述了该按钮，并将其与“盒装”一起使用。然后定位“加入”。

（SideNote：也许通过使用＆lt; button＆gt;。）也许将标记更改为更有意义的东西。）。

const button = document.querySelector('.join');
button.addEventListener('click', handleClick, false);

function handleClick() {
  console.log('Joined!');
}

button.click();

.join { padding: 1em 2em; background-color: lightgreen; }
.join:hover { cursor: pointer; }
.box-inner { box-shadow: 5px 10px 5px pink inset; }

<button data-v-2aabe0a6="" class="join box-inner">
  JOIN
</button>