js修改一组span内容

// 假设页面上有多个span元素，且它们都有一个共同的类名'my-span'
const spans = document.querySelectorAll('.my-span');

spans.forEach((span, index) => {
  span.textContent = `这是第${index + 1}个span的新内容`;
});

// 获取页面上所有的span元素
const spans = document.getElementsByTagName('span');

// 遍历并修改每个span的内容
for (let i = 0; i < spans.length; i++) {
  spans[i].textContent = `这是第${i + 1}个span的新内容`;
}

// 获取所有具有特定类名的span元素
const spans = document.getElementsByClassName('my-span');

// 遍历并修改每个span的内容
for (let i = 0; i < spans.length; i++) {
  spans[i].textContent = `这是第${i + 1}个span的新内容`;
}

document.addEventListener('click', function(event) {
  if (event.target.tagName === 'SPAN') {
    event.target.textContent = '这个span被点击了，内容已修改';
  }
});