js怎么获取li里的内容

<ul>
  <li id="item1">内容1</li>
  <li>内容2</li>
  <li>内容3</li>
</ul>

<script>
  var content = document.getElementById('item1').innerHTML;
  console.log(content); // 输出: 内容1
</script>

<ul>
  <li class="item">内容1</li>
  <li class="item">内容2</li>
  <li class="item">内容3</li>
</ul>

<script>
  var items = document.getElementsByClassName('item');
  for (var i = 0; i < items.length; i++) {
    console.log(items[i].innerHTML);
  }
  // 输出:
  // 内容1
  // 内容2
  // 内容3
</script>

<ul>
  <li>内容1</li>
  <li>内容2</li>
  <li>内容3</li>
</ul>

<script>
  var listItems = document.getElementsByTagName('li');
  for (var i = 0; i < listItems.length; i++) {
    console.log(listItems[i].innerHTML);
  }
  // 输出:
  // 内容1
  // 内容2
  // 内容3
</script>

<ul>
  <li class="item">内容1</li>
  <li class="item">内容2</li>
  <li class="item">内容3</li>
</ul>

<script>
  // 获取第一个匹配的<li>元素的内容
  var firstItemContent = document.querySelector('.item').innerHTML;
  console.log(firstItemContent); // 输出: 内容1

  // 获取所有匹配的<li>元素的内容
  var allItemsContent = document.querySelectorAll('.item');
  allItemsContent.forEach(function(item) {
    console.log(item.innerHTML);
  });
  // 输出:
  // 内容1
  // 内容2
  // 内容3
</script>

document.addEventListener('DOMContentLoaded', function() {
  // 你的代码
});