添加標籤附上現有的表

Question

在這裏，我有一個現有的表：

<table> 
    <tr> 
    <td>content 
    </td> 
    </tr> 
</table> 

，並在JavaScript中，我已經獲得該表：

var isert = main_code.getElementsByTagName("table"); 

如何使用JavaScript來貼標籤。這個表看起來像：

<div id=extra> 
<table> 
    <tr> 
    <td>content 
    </td> 
    </tr> 
</table> 
</div> 

PS：看來insertAdjacentHTML只適用於目前<table>標記，而不是整個<table></table>。

謝謝！

Answer 1

試試這個：

var tables = main_code.getElementsByTagName("table"); 
for(var i = 0; i < tables.length; i++) { 
    var div = document.createElement("div"); 
    var _t = tables[i]; 
    var parent = _t.parentNode; 
    div.id = "extra"; 
    parent.replaceChild(div, _t); 
    div.appendChild(_t); 
} 

雖然，這增加了相同id多個div容器，如果有一個以上的table。您可能需要使用div.className = 'extra'。