javascript - 在 DOM 加载之前运行代码

Question

我有一个带有时间列的 HTML 表格，我想要更改其值。然而，当我在 document.ready() 中执行此操作时，DOM 操作会严重影响我的加载时间。

是否可以在 DOM 加载之前更改表格列单元格值？我需要用于操作的代码是 -

var time_col = rows[i].cells[TimeColumnIndex];    

//Calculate new values
var time_Str = getUpdatedValue(time_col.innerText);

//Set values
time_col.innerText = time_Str;
time_col.innerHTML = time_Str;

我很感激人们提出的任何建议，我仍在尝试理解与 DOM 相关的事情，所以如果无法做到这一点，请随时告诉我。

编辑1:

getUpdatedValue() 函数仅获取用户时区与 UTC 相比的差异，并添加所需的分钟数。

我尝试注释掉每一行，看看哪些行实际上增加了加载时间，我发现只是 DOM 操作花费了时间，即以下几行

time_col.innerText = time_Str;
time_col.innerHTML = time_Str; 

我的 HTML 表格大约有 1500 行，因此我遍历每一行并更改时间列的值。

Answer 1

如果由于某种原因，您需要在加载表后立即运行代码，您可以将 <script> 放在结束后立即标记</table>标签

<table>
   <tbody>
     <tr><td>A</td><td>B</td></tr>
   </tbody>
</table>
<script type="text/javascript"> 
    var tables = document.getElementsByTagName("table");
    var tableAbove = tables[tables.length - 1];
</script>