我如何单击列表项内的定位标记？

Question

我正在尝试使用原始js单击列表项内的锚标记。我该怎么办？

代码：

<li class="next">
    <a href="#" class="btn btn-link">
        <img src="/images/arrow-right.png" alt="newer">
    </a>
</li>

Answer 1

您可以尝试以下方法：

document.getElementsByClassName('btn-link')[0].click();

或者您可以给<a>标签一个ID并执行以下操作：

document.getElementById('myId').click();

Answer 2

[有多种方法，但是您可以简单地在html页面底部的<script>标记中创建javascript函数，然后使用<a>属性告诉onclick定位符调用哪个函数

<ul>
  <li class="next">
      <a href="#" class="btn btn-link" onclick="doClick(this)">
          <img src="/images/arrow-right.png" alt="newer">
      </a>
  </li>
</ul>

<script>
  function doClick(elem) {
    console.log('clicked!', elem);
  }
</script>