Javascript document.getElementById().innerHTML不工作,控制台上没有错误

Javascript document.getElementById().innerHTML不工作,控制台上没有错误,javascript,css,html,Javascript,Css,Html,在clueClicked函数中,我试图从数组中提取值并更改表的innerHTML,但不知何故,这不起作用。控制台上没有错误。请帮忙。我正在使用的id来更改元素的内容 交叉词Puzzel #普泽尔{ 宽度:330px; 保证金:0; 填充:0; 边界塌陷:塌陷; 边框:1px纯黑; } #交叉{ 文本对齐:居中; 宽度:30px; 高度:30px; 保证金:0; 填充:0; 边界塌陷:塌陷; 边框:1px纯白; } #钮扣{ 宽度:30%; 浮动:对; } tr{ 保证金:0; 填充:0; 边

在clueClicked函数中,我试图从数组中提取值并更改表的innerHTML,但不知何故,这不起作用。控制台上没有错误。请帮忙。我正在使用
的id来更改元素的内容


交叉词Puzzel
#普泽尔{
宽度:330px;
保证金:0;
填充:0;
边界塌陷:塌陷;
边框:1px纯黑;
}
#交叉{
文本对齐:居中;
宽度:30px;
高度:30px;
保证金:0;
填充:0;
边界塌陷:塌陷;
边框:1px纯白;
}
#钮扣{
宽度:30%;
浮动:对;
}
tr{
保证金:0;
填充:0;
边界塌陷:塌陷;
}
#左框{
浮动:左;
}
#右盒{
浮动:左;
}
.屁股{
高度:50px;
宽度:100px;
}
#普泽尔{
文本对齐:居中;
}
{
宽度:30px;
高度:30px;
边框:1px纯黑;
文本对齐:居中;
}
var-currentTextInput;
var puzzelArrayData;
函数initializeScreen(){
var puzzelTable=document.getElementById(“puzzel”);
puzzelArrayData=preparePuzzelArray();
对于(变量i=0;i
这可能是因为您试图在输入元素上使用innerHTML。您应该尝试改用value属性。innerHTML通常用于包含某些内容的元素,如div、span等。

这可能是因为您试图在输入元素上使用innerHTML。您应该尝试改用value属性。innerHTML通常用于包含某些内容的元素,如div、span等。

请检查currentTextInput的值。由于它是一个全局变量,可能是因为您试图将其存储在另一个变量中而引发了错误。如果您有currentTextInput的预期值,请尝试将其直接放入“()”中,而不是保存到另一个变量中

试试这个

function clueClicked(){
    //var temp1 = currentTextInput;
    var token = temp1.split("_");
    var row = token[1];
    var column = token[2];
    document.getElementById(currentTextInput).innerHTML = puzzelArrayData[row][column];//here is the problem.
    }

请尝试检查currentTextInput的值。由于它是一个全局变量,可能是因为您试图将其存储在另一个变量中而引发了错误。如果您有currentTextInput的预期值,请尝试将其直接放入“()”中,而不是保存到另一个变量中

试试这个

function clueClicked(){
    //var temp1 = currentTextInput;
    var token = temp1.split("_");
    var row = token[1];
    var column = token[2];
    document.getElementById(currentTextInput).innerHTML = puzzelArrayData[row][column];//here is the problem.
    }

这是非常正确的。您必须使用value属性,而不是innerHTML。这是因为innerHTML更像静态文本,而不是为接受用户输入而设计的

function clueClicked(){
    var temp1 = currentTextInput;
    var token = temp1.split("_");
    var row = token[1];
    var column = token[2];
    document.getElementById(temp1).value = puzzelArrayData[row][column];//here is the problem.we use value not innerHTML
}

这是非常正确的。您必须使用value属性,而不是innerHTML。这是因为innerHTML更像静态文本,而不是为接受用户输入而设计的

function clueClicked(){
    var temp1 = currentTextInput;
    var token = temp1.split("_");
    var row = token[1];
    var column = token[2];
    document.getElementById(temp1).value = puzzelArrayData[row][column];//here is the problem.we use value not innerHTML
}

所有这些CSS真的与你的问题相关吗?所有这些CSS真的与你的问题相关吗?