js打印li里的值

// 获取所有的<li>元素
const listItems = document.querySelectorAll('li');

// 遍历每个<li>元素并打印其文本内容
listItems.forEach((item, index) => {
  console.log(`列表项 ${index + 1}: ${item.textContent}`);
});

// 获取所有的<li>元素
const listItems = document.getElementsByTagName('li');

// 遍历每个<li>元素并打印其文本内容
for (let i = 0; i < listItems.length; i++) {
  console.log(`列表项 ${i + 1}: ${listItems[i].innerText}`);
}

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

<script>
  // 获取所有的<li>元素
  const listItems = document.querySelectorAll('li');

  // 为每个<li>元素添加点击事件监听器
  listItems.forEach((item) => {
    item.addEventListener('click', () => {
      console.log(`点击了: ${item.textContent}`);
    });
  });
</script>