javascript - 改变innerHTML的一个字母

Question

我有一个像这样的for循环:

for(var i = 0; i < woord.length; i++) {
  if(woord[i] === letter) {
    goed = true;
    woordContainer.innerHTML[i] = woord[i];
  }
}

但是 woordContainer 中的文本在页面上并没有改变。我尝试将 woord[i] 记录到控制台，它显示了正确的字母。

编辑:

我把完整的代码分享出来，方便大家更好的理解:(这是一个刽子手游戏)

var store, 
    woord, 
    wrapper, 
    woordContainer, 
    letterInput, 
    gokButton, 
    pogingen, 
    pogingenText;

window.onload = function() {
  store = new Persist.Store("galgje");
  woord = store.get("woord");

  pogingen = 10;

  wrapper = document.getElementById("wrapper");
  woordContainer = document.getElementById("woordContainer");
  letterInput = document.getElementById("letterInput");
  gokButton = document.getElementById("gokButton");
  pogingenText = document.getElementById("pogingenText");

  if (!woord) {
    document.location.href = "./index.html";
  }

  for (var i = 0; i < woord.length; i++) {
    woordContainer.innerHTML += ".";
  }

  wrapper.appendChild(woordContainer);

  gokButton.onclick = function() {

    var letter = letterInput.value.toLowerCase();
    var goed = false;

    if(letter) {
      for(var i = 0; i < woord.length; i++) {
        if(woord[i] === letter) {
          goed = true;
          woordContainer.innerHTML = woord[i];
        }
      }

      if(!goed) {
        pogingen--;

        if(pogingen ===  0) {
          document.location.href = "./af.html";
        }

        pogingenText.innerHTML = "Pogingen: " + pogingen;
      }

      letterInput.value = "";
    }

    return false;    
  }
}

Answer 1

如果您想将索引 i 处的字符 int woordContainer.innerHTML 替换为 woord[i] 中的字符，您可以这样做:

if(woord[i] === letter) {
    goed = true;
    var temp = woordContainer.innerHTML
    woordContainer.innerHTML = temp.substr(0, i) + woord[i] + temp.substr(i + woord[i].length);
}