1

我有一个我想要自动化的 Microsoft 表单，因为我计划创建一个 chrome 扩展来每天定期提交表单表单只有两个字段，一个是文本字段

在此处输入图像描述

第二个是带有星星的评级控制

在此处输入图像描述

对于文本字段，我可以直接使用document.getElementById('name').value='name'它，但对于星星，它有点棘手，因为它们没有我可以触发的按钮或事件

以下是星星的 HTML

<div
  class="rateit margin-left office-form-theme-primary-foreground rateit-font"
  data-rateit-icon="&quot;
  data-rateit-iconforempty="&quot;
  data-rateit-mode="font"
  data-rateit-marginleft="4"
  data-rateit-marginright="4"
  data-rateit-starwidth="24"
  data-rateit-max="5"
  data-rateit-step="1"
  data-rateit-resetable="false"
  data-rateit-ispreset="true"
  style="font-size: 24px;"
  title="2 Stars"
  data-rateit-value="2"
>
  <button
    id="rateit-reset-5"
    type="button"
    data-role="none"
    class="rateit-reset"
    aria-label="reset rating"
    aria-controls="rateit-range-5"
    style="float: left; display: none;"
  >
    <span></span>
  </button>
  <div
    id="rateit-range-5"
    class="rateit-range"
    tabindex="0"
    role="slider"
    aria-owns="rateit-reset-5"
    aria-valuemin="0"
    aria-valuemax="5"
    aria-valuenow="2"
    aria-labelledby="question15-title question15-required question15-questiontype l5"
  >
    <div class="rateit-empty">
      <span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span>
    </div>
    <div class="rateit-selected" style="width: 64px; display: flex;">
      <span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span // tried to trigger a click on this via JS , but no luck
      ><span style="margin: 0px 4px;">&lt;/span>
    </div>
    <div class="rateit-hover" style="width: 0px; display: none;">
      <span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span
      ><span style="margin: 0px 4px;">&lt;/span>
    </div>
  </div>
</div>

我尝试更新但没有运气还尝试通过.rateit> data-rateit-value在.rateit-range> aria-valuenow生成星星但没有运气的跨度上触发点击事件

那么有没有其他方法可以触发点击并更新值

4

0 回答 0