JavaScript Dom or innerHTML delete text

標題：使用Dom方法或innerHTML方法刪除td標籤內容文字
方法一：
JavaScript (index.html)：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<table id="codeboxy"> <tr> <td>Hello</td> <td colspan="2">world</td> </tr> <tr> <td>How</td> <td>are</td> <td>you</td> </tr> </table> <script type="text/javascript"> var a = document.getElementById('codeboxy').getElementsByTagName('tr')[1].getElementsByTagName('td')[1]; var n = document.createElement('td'); a.parentNode.insertBefore(n, a); //在目標前插入新td a.parentNode.removeChild(a); //刪除目標td標籤 </script>

方法二：
JavaScript (index.html)：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<table id="codeboxy"> <tr> <td>Hello</td> <td colspan="2">world</td> </tr> <tr> <td>How</td> <td>are</td> <td>you</td> </tr> </table> <script type="text/javascript"> document.getElementById('codeboxy').getElementsByTagName('tr')[1].getElementsByTagName('td')[1].innerHTML = ""; //直接讓目標內容為空 </script>

說明：
方法一使用Dom先以parentNode為立足點在目標前建立新的空td，同樣再以parentNode為立足點刪除目標。
方法二則使用innerHTML語法直接以空值取代目標內容。

比較：
方法一速度較快，但程式較長不易理解，
方法二速度較慢，但程式精簡容易理解。