使用JavaScript函数用单独的颜色给内部HTML中的每个单词着色

function colorizeWords(elementId) {
  var element = document.getElementById(elementId);
  var text = element.innerHTML;
  var words = text.split(' ');
  var colors = ['red', 'blue', 'green', 'yellow', 'orange']; // 可根据需要自定义颜色数组

  var coloredText = words.map(function(word, index) {
    var color = colors[index % colors.length];
    return '<span style="color:' + color + '">' + word + '</span>';
  }).join(' ');

  element.innerHTML = coloredText;
}

<div id="text">This is a sample text.</div>

<button onclick="colorizeWords('text')">Colorize Words</button>