更改循环随机字符串中特定字符的颜色

<div id="randomStringContainer"></div>

function generateRandomString() {
  var randomString = ""; // 存储随机字符串
  var characters = "abcdefghijklmnopqrstuvwxyz"; // 可选的字符集合

  for (var i = 0; i < 10; i++) { // 生成10个字符的随机字符串
    var randomIndex = Math.floor(Math.random() * characters.length);
    var randomChar = characters.charAt(randomIndex);
    randomString += randomChar;
  }

  var container = document.getElementById("randomStringContainer");
  container.innerHTML = ""; // 清空容器元素

  for (var i = 0; i < randomString.length; i++) {
    var span = document.createElement("span");
    span.textContent = randomString.charAt(i);
    container.appendChild(span);
  }
}

function generateRandomString() {
  // ...

  for (var i = 0; i < randomString.length; i++) {
    var span = document.createElement("span");
    span.textContent = randomString.charAt(i);

    if (randomString.charAt(i) === "a") {
      span.classList.add("red"); // 添加红色类
    }

    container.appendChild(span);
  }
}

.red {
  color: red;
}

<button onclick="generateRandomString()">生成随机字符串</button>