时间戳

首页 > 解决方案 > 如何使用Javascript点击事件

javascript - 如何使用Javascript点击事件

问题描述

我在 Internet Explorer 的页面上看到以下代码。

<div class="TetherComponent---sailcontents appian-context-browser-ie11 DropdownWidget---tether_dropdown tether-abutted tether-abutted-left tether-element-attached-left tether-target-attached-left tether-element-attached-top tether-target-attached-bottom tether-enabled" style="left: 0px; top: 0px; position: absolute; transform: translateX(225px) translateY(223px) translateZ(0px);"><div data-reactroot="">

<ul tabindex="0" class="MenuWidget---listbox MenuWidget---relative MenuWidget---default_direction MenuWidget---inDropdownWidget DropdownWidget---dropdown_list DropdownWidget---open" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list" role="listbox" style="width: 732.11px !important; min-width: 0px !important; max-width: none !important;" unselectable="on">
<li tabindex="-1" class="MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_0" role="option" aria-selected="true"><div>COMPANY1</div></li>
<li tabindex="-1" class="MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_1" role="option" aria-selected="false"><div>COMPANY1</div></li>
<li tabindex="-1" class="MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_2" role="option" aria-selected="false"><div>COMPANY2</div></li>
<li tabindex="-1" class="MenuWidgetItem---active MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_3" role="option" aria-selected="false"><div>COMPANY3</div></li></ul></div></div>

如何使用 JavaScript 在此列表中单击 id=3c6b35f223e5f624a7587ba1f9b5c5f5_list_2 ？

标签： javascript

解决方案

你可以使用document.getElementById("3c6b35f223e5f624a7587ba1f9b5c5f5_list_2").click();.

document.getElementById("3c6b35f223e5f624a7587ba1f9b5c5f5_list_2").click(); 
<div class="TetherComponent---sailcontents appian-context-browser-ie11 DropdownWidget---tether_dropdown tether-abutted tether-abutted-left tether-element-attached-left tether-target-attached-left tether-element-attached-top tether-target-attached-bottom tether-enabled"
  style="left: 0px; top: 0px; position: absolute; transform: translateX(225px) translateY(223px) translateZ(0px);">
  <div data-reactroot="">

    <ul tabindex="0" class="MenuWidget---listbox MenuWidget---relative MenuWidget---default_direction MenuWidget---inDropdownWidget DropdownWidget---dropdown_list DropdownWidget---open" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list" role="listbox" style="width: 732.11px !important; min-width: 0px !important; max-width: none !important;"
      unselectable="on">
      <li tabindex="-1" class="MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_0" role="option" aria-selected="true">
        <div>COMPANY1</div>
      </li>
      <li tabindex="-1" class="MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_1" role="option" aria-selected="false">
        <div>COMPANY1</div>
      </li>
      <li tabindex="-1" class="MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_2" role="option" aria-selected="false">
        <div>COMPANY2</div>
      </li>
      <li tabindex="-1" class="MenuWidgetItem---active MenuWidgetItem---default_direction" id="3c6b35f223e5f624a7587ba1f9b5c5f5_list_3" role="option" aria-selected="false">
        <div>COMPANY3</div>
      </li>
    </ul>
  </div>
</div>

推荐阅读