javascript - 如何向动态表格中的每个文本框添加大写函数？

Question

我正在尝试创建一个带有文本框的动态表格，但我希望每次写入时将文本框转换为大写。

关于如何做到这一点有什么想法吗？

目前，这就是我制作动态表的方式:

var n = 1;
function addRow(tableID,nroColumna) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    for(i=0;i<nroColumna;i++){

        var cell = row.insertCell(i);
        var element = document.createElement("input");
        element.type = "text";
        element.name = n+"0"+i;
        element.size = "12";
        element.id = n+"0"+i;

        //element.onkeyup = function(){alert()};
        cell.appendChild(element);
    }
    n++;
}

我试图执行 document.getElementById(element.id).value.toUpperCase() 但出现 element.id 值为空的错误

非常感谢任何帮助!

Answer 1

如果您接受非 JavaScript 解决方案，您可以将此 CSS 应用于您的输入:

text-transform: uppercase;

这将使文本从头开始大写......