js動態建立、刪除表格範例程式碼_javascript技巧

產生一個2000*5的表格，每個單元格的內容是行號逗號列號

方法一：使用createElement產生表格，使用insertRow和insertCell方法產生行列，單元格的內容使用innerHTML屬性進行填充。
方法二：使用createElement產生表格，使用CreateElement方法產生行列，單元格的內容使用了createTextNode方法填入。
方法三：拼接表格innerHTML屬性的字串，使用字串= 運算子連結字串
方法四：拼接表格innerHTML屬性的字串，各個字串追加陣列裡面，最後呼叫陣列的join方法產生目標字串。

運行時間比較:
方法運行時間(ms)
方法一93037
方法二3341
方法三2795
方法四500


具體的程式如下：

複製程式碼

程式碼如下:

<script> <BR>showFunctionRunTime(createTable); <BR>showFunctionRunTime(createTable2); <BR>showFunctionRun) <FunctionRunTime(createTable2); <BR>showFunctionRun); >showFunctionRunTime(createTable4); <BR></script>