如何在DOM字段对象中的特定索引处输入字符?

时间:2019-05-07 15:19:29

标签: javascript dom textbox field

基本上,我正在尝试在特定索引的字段对象内输入一个字母。这是一个简单的子手游戏。我将该字段对象初始化为数组变量。但是,每当我尝试输入字符值(存储为变量)时,它都不会显示在字段中。我尝试了所有我能想到的,但没有任何效果。

要每次创建一个新字段,我使用了“ createElement(“ INPUT”)“方法。此元素初始化为数组变量。然后,我尝试了许多选项,以便在该字段对象中的特定索引处输入特定字母。它不起作用。

//这是创建新的字段对象的代码:

     var inputField = [];
    for(var i = 0; i<fruitLength; i++ ){

        inputField = document.createElement("INPUT");

        document.getElementById("textBox").appendChild(inputField);

    }
//Below is the snippet of code where Im trying numerous options to enter inside a particular field:  Ex, letterIndex = 2.

    var letter = "E"
    if(letterIndex != -1){
        //document.forms[0].elements[0].innerHTML = letter;
        //var s = $('#textBox`enter code here`').val();
        inputField[letterIndex].value = letter;
    }

我并没有真正收到错误,但是我没有得到我期望的结果。

1 个答案:

答案 0 :(得分:0)

这是一个错误:

var inputField = [];
for(var i = 0; i<fruitLength; i++ ) {
   // ERROR : variable inputField will be replace
   // inputField = document.createElement("INPUT");

   // Should be something like
   inputField[i] = document.createElement("INPUT");
}