有关 HTML <colgroup> 标签插入<col>的问题。

[WispZhan]

最近在做一个项目的时候，遇到一个问题：如何在运行时通过 js 动态的向<colgroup> 标签插入<col>子标签？
由于我基本上不做 web 前台，所以不知道怎么良好的解决这个问题。请各位熟悉的帮忙看看，谢谢。

---

当前浏览器环境是 IE ，也只需要给 ie 做适配。
目前使用的办法是：

var colgroup = doc.getElementsByTagName("colgroup");
colgroup[0].childNodes[0].insertAdjacentHTML("beforeBegin","<col width='80' style='width: 80pt;'/>")

但是这个 insertAdjacentHTML 好像只在 IE10 以上的版本有效。其他版本均不支持。

---

另一个问题，如果重写或覆盖原有的整个<colgroup>里的样式呢？ 或者说是去掉<colgroup>和里面的<col>之后如何合理的重排整个<table>？

目前需要给一个已经生成好的页面重新排版，但是我尝试去掉或复写<colgroup>里的样式之后发现格式非常奇怪。

[breeswish]

jQuery:

$(...).append('<col>')

[WispZhan]

@breeswish 好的谢谢，回头试试。