如何使用 javascript 操作写在 div 中的字符以使用它们

Question

function doGetWord(){
            var word = F.gword.value;
            var wLength = word.length;
            for(var i = 0; i < wLength; i++){
                document.getElementById("dword").innerHTML += "_ "  
            }
        }

这是一个将 _ 写入 html 中的 div 的函数，如果用户键入相应的输入，我想要更改它们，例如如果第一个字母应该是“a”，那么它会改变第一个 _ 到 "a"。

这是我目前得到的：

function doGuessWord(){
            dummy = F.t.value
            if(dummy.length > 1){
                dummy = ""
                F.t.value = ""
            }
            for(var x = 0; x < wLength; x++){
                if (substr(x, wLength) == dummy ) {
                    document.getElementById("dword").innerHTML += "_ "      
                }
                else{
                    document.getElementById("dword").innerHTML += "dummy "  
                }
            }
        }

你能帮我解决这个问题吗？ 提前致谢！！

Answer 1

这样的？

https://jsfiddle.net/9z66968a/3/

您将不得不稍微调整一下。但是您应该能够使用parseText 函数并将您需要的参数传递给它以返回文本以插入您想要的任何位置

Answer 2

给你。我相信这就是你想要的。如果您有不明白的地方，请随意 https://jsfiddle.net/vhsf8gpp/2/

var dashArr = [];
var dummyWord = document.getElementById('dummy');
var input = document.querySelector('input');
var counter = 0;

for(let i= 0; i<10;i++)
{
  dashArr.push('_');
}

function WriteContent()
{
  dummyWord.textContent = dashArr.map(d=>d).join(''); // This gets rid of the ',' inbetween the dashes
}

WriteContent();
//var charArr = [];
document.querySelector('input').addEventListener('keyup',function(){
  var inputString = input.value;
  dashArr[counter] = inputString.charAt(inputString.length - 1);
  WriteContent();
  counter++;
})

我用 this post作为参考。