如何在单击条目时更改条目的文本

const item = document.getElementById('item'); // 获取条目元素
item.addEventListener('click', function() {
  // 在这里编写点击事件的处理逻辑
});

const item = document.getElementById('item'); // 获取条目元素
item.addEventListener('click', function() {
  item.textContent = '新的文本内容'; // 修改条目的文本内容
});

<ul>
  <li data-id="1">条目1</li>
  <li data-id="2">条目2</li>
  <li data-id="3">条目3</li>
</ul>

const items = document.querySelectorAll('li'); // 获取所有条目元素
items.forEach(function(item) {
  item.addEventListener('click', function() {
    const itemId = item.dataset.id; // 获取点击的条目的标识符
    // 根据标识符来判断并修改相应的条目文本
    if (itemId === '1') {
      item.textContent = '新的文本内容1';
    } else if (itemId === '2') {
      item.textContent = '新的文本内容2';
    } else if (itemId === '3') {
      item.textContent = '新的文本内容3';
    }
  });
});