如何单击列表项内的锚标记？

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 函数，然后告诉 javascript 函数=12=] 使用 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>

如何单击列表项内的锚标记？

How can I click an anchor tag inside a list item?

html

javascript

anchor

listitem