在列表迭代过程中设置<span>颜色

.color-highlight {
  color: red;
}

// 假设列表的HTML结构如下：
// <ul id="myList">
//   <li>Item 1</li>
//   <li>Item 2</li>
//   <li>Item 3</li>
// </ul>

var listItems = document.querySelectorAll('#myList li');
listItems.forEach(function(item) {
  // 根据条件判断是否为当前项添加类名
  if (item.textContent === 'Item 2') {
    item.classList.add('color-highlight');
  }
});

// 假设列表的HTML结构如下：
// <ul id="myList">
//   <li>Item 1</li>
//   <li>Item 2</li>
//   <li>Item 3</li>
// </ul>

var listItems = document.querySelectorAll('#myList li');
listItems.forEach(function(item) {
  // 根据条件判断是否为当前项设置颜色
  if (item.textContent === 'Item 2') {
    item.style.color = 'red';
  }
});