Javascript 其中'；李'；使用vanilla JS单击_Javascript_Html_Events_Dom Events

Javascript 其中'；李'；使用vanilla JS单击

javascript html events

Javascript 其中'；李'；使用vanilla JS单击,javascript,html,events,dom-events,Javascript,Html,Events,Dom Events,我有一些李元素： <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul> 一个两个三个我需要知道被点击的元素的编号。例如，如果用户单击 <li>Three</li> 三个我的输出将是“3” 如何使用vanilla JavaScript获得此结果？您可以尝试以下方法： <!DOCTYP

我有一些李元素：

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>    
</ul>


一个
两个
三个

我需要知道被点击的元素的编号。例如，如果用户单击

<li>Three</li>

三个

我的输出将是“3”

如何使用vanilla JavaScript获得此结果？

您可以尝试以下方法：

<!DOCTYPE html>
  <html>

  <head>
    <meta charset="utf-8" />
    <title>Page Title</title>

    <script>
        let countOne = 0,
          countTwo = 0,
          countThree = 0;
      </script>

  </head>

  <body>



    <ul>
      <li onclick='countOne++'>One</li>
      <li onclick='countTwo++'>Two</li>
      <li onclick='countThree++'>Three</li>
    </ul>

    <input type="button" value="View Results" onclick="console.log(countOne, countTwo, countThree)"/>

  </body>

  </html>


页面标题
让countOne=0，
countTwo=0，
countThree=0；

One
Two
3

它将在控制台中返回值。

检查您自己的结果，OP需要其他内容，正确阅读问题。@Durga，是的，您是对的。。。