使用Javascript在HTML的动态表格中使文本框内容可编辑为false?

时间:2013-03-01 16:42:17

标签: javascript html input contenteditable

我试图让动态表格中的第一个单元格不可编辑,但我没有运气。根据我的知识,这应该是正确的,但由于某种原因,它不能正常工作。

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

    for(i=0;i<column;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.value = element.id;
        if(element.id == n+"00"){
            element.contenteditable = "false";
            element.value = "false";
            //alert("false");
        }
        cell.appendChild(element);
    }
    n++;
}

关于如何做到这一点的任何想法?

n是行的编号

我对第一个单元格的值得到“假”,意思是输入if语句,但它不是在读contenteditable="false"

与往常一样,非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

输入元素不需要contenteditable。只需使用

element.disabled = true;

禁用它。