js 获取当前点击的li

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
document.getElementById('myList').addEventListener('click', function(event) {
  if (event.target && event.target.nodeName == 'LI') {
    console.log('You clicked on:', event.target.textContent);
  }
});
</script>

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
document.getElementById('myList').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    console.log('Clicked on:', event.target);
  }
});
</script>

<ul id="myList">
  <li onclick="handleClick(this)">Item 1</li>
  <li onclick="handleClick(this)">Item 2</li>
  <li onclick="handleClick(this)">Item 3</li>
</ul>

<script>
function handleClick(liElement) {
  console.log('Clicked on:', liElement.textContent);
}
</script>