使用javascript循环更改单词最后一个字符的颜色

// 获取所有单词元素
const words = document.getElementsByClassName('word');

// 循环遍历单词元素
for (let i = 0; i < words.length; i++) {
  // 获取当前单词元素的文本内容
  const wordText = words[i].textContent;
  
  // 检查单词是否非空并且长度大于1
  if (wordText && wordText.length > 1) {
    // 获取单词最后一个字符
    const lastChar = wordText[wordText.length - 1];
    
    // 创建新的包含着最后一个字符的元素
    const lastCharElement = document.createElement('span');
    lastCharElement.style.color = 'red'; // 设置颜色为红色
    lastCharElement.textContent = lastChar;
    
    // 替换单词元素中的最后一个字符
    words[i].textContent = wordText.slice(0, -1);
    
    // 将新的最后一个字符元素插入到单词元素中
    words[i].appendChild(lastCharElement);
  }
}