JavaScript。单击DIV无效，为什么？

Question

我正在做一个使用JavaScript从Google通讯录收集联系人的应用程序。我需要做的是导航到该站点，单击DIV并提取HTML源。

问题是，当我手动单击DIV时，该网站具有预期的行为。但是，当我click以编程方式调用相同的DIV时，什么也没有发生。

这是有问题的DIV：

<div id=":se" class="tk3N6e-LgbsSe VIpgJd-TzA9Ye-eEGnhe Ycq2Ve tk3N6e-LgbsSe-roVxwc tk3N6e-LgbsSe-n2to0e tk3N6e-LgbsSe-vhaaFf-LK5yu ipG21e" role="button" tabindex="0" data-tooltip="Next" aria-label="Next" style="user-select: none;">
<span class="Fj0vqf" aria-hidden="true">&nbsp;</span>
<img class="P1rG1b tk3N6e-LgbsSe-RJLb9c" src="images/cleardot.gif" alt="">
</div>

为了完成任务，我使用了这个JS：

document.getElementsByClassName('tk3N6e-LgbsSe')[7].click();

尽管上面的选择器返回了正确的节点，但是当我调用时.click()，什么也没有发生。我在这里想念什么？

下面是突出显示有问题的DIV的站点图像：

Answer 1

以下对我有用，必须在按下鼠标后再进行鼠标上移。

document.getElementsByClassName('tk3N6e-LgbsSe')[7].dispatchEvent(new MouseEvent('mousedown'))
document.getElementsByClassName('tk3N6e-LgbsSe')[7].dispatchEvent(new MouseEvent('mouseup'))