Question

我正致力于创建一个快捷键，为gmail中的电子邮件添加标签。

<div class="J-LC" role="menuitemcheckbox" aria-checked="false" id=":4x3" title="Positive Responses" style="-webkit-user-select: none;">
  <div class="J-LC-Jz" style="-webkit-user-select: none;">
    <div class="J-LC-Jo J-J5-Ji" style="-webkit-user-select: none;"></div>
    Positive Responses
  </div>
</div>

当我模拟检查Gmail中的框并观看DOM时，会发生以下情况：

<div class="J-LC J-Ks-KO J-LC-JR-Jp" role="menuitemcheckbox" aria-checked="true" id=":4x3" title="Positive Responses" style="-webkit-user-select: none;">
  <div class="J-LC-Jz" style="-webkit-user-select: none;">
    <div class="J-LC-Jo J-J5-Ji" style="-webkit-user-select: none;"></div>
    Positive Responses
  </div>
</div>

发生了两件事：

1。）aria-checked变为True

2。）class已更新

我试过了：document.querySelector('div[title="Positive Responses"]').setAttribute("aria-checked", true)

它将值更改为True，但在查看Gmail时，实际上并未检查该框。唯一的方法是更新class中的硬代码吗？

Answer 1

我得到的是与你不同的DOM。

对我来说这很有效 -

使用cols

查找div的ID

然后role=checkbox

使用Javascript检查Gmail中的框

1 个答案: