Javascript 数独（为网格对象赋值）

为了解释我的尝试，我用css设计了一个数独网格，其中一些网格用值初始化。然后，对于任何没有值的网格，我会动态设置一个“输入”框

我陷入困境的部分是，只有在数独中填充了所有的值之后，我才能开始设置“grid[]”对象的值

如果这是一种正确的方法，我如何检查所有“td”元素是否都设置了innerHTML值，然后将这些值初始化为“grid[I][j]”

HTML

JavaScript

window.onload = function(){
    var grid = [];
    var obj = document.getElementsByTagName('td');
    for(var prop in obj){
        if(obj[prop].innerHTML == ''){
            obj[prop].innerHTML += '<input id="value" type="text" value="'+ obj[prop].innerHTML+'" />'
        }
    }
    setValues(grid);
};

function setValues(grid){
    for(var i =0; i < 9; i++){
        for(var j =0; j < 9; j++){
           grid[i][j] = '';
        }

    }
}

---

难道你不认为你的方法应该与你现在所采取的完全相反吗。您应该首先将适当的值分配给网格[i][j]，然后从这些值分配给@Rdx的元素，这是为什么？如果用户被提供了一个数独游戏，他必须首先输入值，然后检查它是否正确呢

table{
    margin: 1em auto;
}

    tr:first-child{
        border-top:solid;
    }

    tr:nth-child(3n) td{
        border-bottom: solid;
    }

    td{
        height: 25px;
        width: 25px;
        border: 1px solid;
        text-align: center;
    }

    td:first-child{
        border-left: solid;
    }

    td:nth-child(3n){
        border-right: solid;
    }

    td input{
        height: 25px;
        width: 25px;
    }

window.onload = function(){
    var grid = [];
    var obj = document.getElementsByTagName('td');
    for(var prop in obj){
        if(obj[prop].innerHTML == ''){
            obj[prop].innerHTML += '<input id="value" type="text" value="'+ obj[prop].innerHTML+'" />'
        }
    }
    setValues(grid);
};

function setValues(grid){
    for(var i =0; i < 9; i++){
        for(var j =0; j < 9; j++){
           grid[i][j] = '';
        }

    }
}