如何将 table 行的单元格项目加粗 n 秒？

Question

我有一段代码，我在其中调用我的服务器以获取一些值并更新 table（如果该值不存在）。更新后，我希望通过将单元格值加粗 n 秒来通知用户值已更新的行。

var table=document.getElementById("employee_details");

var jsonString = JSON.stringify(array);

$.ajax({
    url: '/server.php',
    type: 'POST',
    data: {"input":"calculate_charges",
           data:jsonString},
    cache: false,
    success:function(response){

        const arr3=JSON.parse(response);

        for(var i=0; i<arr3.length; i++){

            if(table.rows[i+1].cells.item(10).innerHTML!=arr3[i][2]){

                 table.rows[i+1].scrollIntoView({
                     behavior: 'smooth',
                     block: 'center'
                 });

                 table.rows[i+1].cells.item(10).innerHTML=arr3[i][2];

                 setTimeout(function(){
                       table.rows[i+1].cells.item(10).style.fontWeight = "500";
                 },7000);

                 setTimeout(function(){
                       table.rows[i+1].cells.item(10).style.fontWeight = "900";
                 },4000);
            }
        }
    }
    complete:function(){}
});

执行代码后，我在控制台中不断收到此错误：

Uncaught TypeError: Cannot read properties of undefined (reading 'cells')

而且单元格项没有变粗。我该如何解决这个问题？

Answer 1

使用 let in for 循环：

for(let i=0; i<arr3.length; i++){

关于让：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let

如何将 table 行的单元格项目加粗 n 秒？

How do I make a cell item of a table row bold for n seconds?

javascript

ajax