在javascript中使用tr id更新tr innerHTML Array.prototype.AddRecord=函数（）{ document.getElementById（'mytable'）.style.display=“block”； 桌子 var table=document.getElementById（“mytable”）； 变量行=table.rows.length； var行=table.insertRow（rows++）； var cell1=行插入单元格（0）； var cell2=行插入单元格（1）； var cell3=行插入单元格（2）； var cell4=行插入单元格（3）； var cell5=行插入单元格（4）； //警报（row.id）； 变量名称=此[0]； var age=此[1]； var param=“editrow（\'”+name+“\'”、“+age+”、“+rows+”）； var param1=“deleterow（“+rows+”）； var param2=“更新（\'”+name+“\'”、“+age+”、“+rows+”）； cell1.innerHTML=名称； cell2.innerHTML=年龄； cell3.innerHTML=“”； cell4.innerHTML=“”； cell5.innerHTML=“”； } 函数更新（名称、年龄、行）{ 警报（名称）； 警觉（年龄）； 警报（世界其他地区）； document.getElementById（'create'）.style.display=“无”； document.getElementById（'update'）.style.display=“block”； }

我想根据行id（即tr id）来更新行，并且要更新tr单元格数据，请帮助我，我是一个新手…Thanx提前…

这就是jQuery的问题，你会上瘾的。总之，这里是原始javascript解决方案：

这里的关键是将ID分配给您的行，以便以后可以获取它

var getO=函数（_id）{ 返回文档.getElementById（_id）； }; Array.prototype.AddRecord=函数（）{ getO（'mytable'）.style.display=“block”； 桌子 var table=getO（“mytable”）， 行=table.rows.length， 行=表。插入行（行++）， 单元1=行插入单元（0）， 单元2=行插入单元（1）， 单元3=行插入单元（2）， 单元4=行插入单元（3）， 单元5=行插入单元（4）， rowID='row_u3;'+table.rows.length； row.setAttribute（'id'，rowID）；//分配一些id 变量名称=此[0]， 年龄=此[1]， param=“editrow（\'”+rowID+“\'”、“+age+”、“+rows+”）， param1=“deleterow”（+rowID+”）， param2=“updateMethod（\'”+name+“\'，“+age+”，“+rowID+”）”； cell1.innerHTML=名称； cell2.innerHTML=年龄； cell3.innerHTML=“”； cell4.innerHTML=“”； cell5.innerHTML=“”； }; [rakesh'，26].AddRecord（）； [juyal'，28].AddRecord（）； ['Click'，26].AddRecord（）； ['update'，28].AddRecord（）； ['CHANGE_NAME'，28].AddRecord（）；

---

如果您需要修改，请告诉我。

我正在传递行id或行号以更新函数，但我不知道如何更新子节点或单元格数据……您在哪里遇到问题？顺便说一下，更改表和单元格的

显示类型从来都不是一个好主意。保持它们的原样（
表格
，
表格单元格
等），并改用
可见性
属性。在更新函数中，我想使用tr行号访问td值，因为添加了许多记录，需要更新特定的记录MMM。。。我可以推荐jQuery答案吗？：）不，只有javascript
<script type="text/javascript">
    Array.prototype.AddRecord = function () {

        document.getElementById('mytable').style.display = "block";
        table
        var table = document.getElementById("mytable");
        var rows = table.rows.length;

        var row = table.insertRow(rows++);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(2);
        var cell4 = row.insertCell(3);
        var cell5 = row.insertCell(4);

        //alert(row.id);
        var name = this[0];
        var age = this[1];

        var param = "editrow(\'" + name + "\'," + age + "," + rows + ")";
        var param1 = "deleterow(" + rows + ")";
        var param2 = "Update(\'" + name + "\'," + age + "," + rows + ")";

        cell1.innerHTML = name;
        cell2.innerHTML = age;
        cell3.innerHTML = "<input type='button' value='Edit' id='edit' onclick=" + param + " >";
        cell4.innerHTML = "<input type='button' value='Delete' id='delete' onclick=" + param1 + ">";
        cell5.innerHTML = "<input type='button' value='Update' id='update' onclick=" + param2 + ">";

    }

    function Update(name, age, row) {
        alert(name);
        alert(age);
        alert(row);
        document.getElementById('create').style.display = "none";
        document.getElementById('update').style.display = "block";

    }
</script>

updateMethod = function ( nm, age, rowID ){
    //alert( 'Changing Name of :' + rowID );
    var o = getO( rowID );
    o.children[0].innerText = 'Changed';
    o.style.color = 'red';
};

//getO => 
var getO = function( _id ){
  return document.getElementById( _id );
};

Array.prototype.AddRecord = function () {
 getO('mytable').style.display = "block";
        table
        var table = getO("mytable"),
            rows = table.rows.length,
            row = table.insertRow(rows++),
            cell1 = row.insertCell(0),
            cell2 = row.insertCell(1),
            cell3 = row.insertCell(2),
            cell4 = row.insertCell(3),
            cell5 = row.insertCell(4),
            rowID = 'row_'+ table.rows.length;

        row.setAttribute('id', rowID ); //Assign some ID

        var name = this[0],
            age = this[1],
            param = "editrow(\'" + rowID + "\'," + age + "," + rows + ")",
            param1 = "deleterow(" + rowID + ")",
            param2 = "updateMethod(\'" + name + "\'," + age + ",'" + rowID + "')";

        cell1.innerHTML = name;
        cell2.innerHTML = age;
        cell3.innerHTML = "<input type='button' value='Edit' id='edit' onclick=" + param + " >";
        cell4.innerHTML = "<input type='button' value='Delete' id='delete' onclick=" + param1 + ">";
        cell5.innerHTML = "<input type='button' value='Update' id='update' onClick=" + param2 + ">";


    };

['rakesh',26].AddRecord();
['juyal',28].AddRecord();
['Click',26].AddRecord();
['update',28].AddRecord();
['CHANGE_NAME',28].AddRecord();