动态设置DHTML的th的width和居中

function appendHead(itemHead,contentId){
var headTable = document.getElementById(itemHead);
// 获取一览title
var itemTable = document.getElementById(contentId);
// 获取内容
if(itemTable != null) {
// 创建一个一览title
var newHead = itemTable.createTHead();
// 复制一览title到新的一览title里
newHead.appendChild(headTable.tHead.childNodes[0]);
// class保持一样
newHead.className = headTable.tHead.className;
// 获取新的title的第0行组成的列数组，其实就是一行title
var oCells = newHead.rows.item(0).cells;
// 循环列
for(var i = 1; i < oCells.length; i++) {
// 获取列i的当前style的width的长度(有px)其实就是在web页面预先设置的css里面width。例100px,length=5
var count = oCells.item(i).currentStyle.width.length;
// 去掉px两个字符。例100,len = 3
var len = oCells.item(i).currentStyle.width.substring(0,count-2);

// 如果画面显示的实际宽度大于len
if (oCells.item(i).clientWidth > len) {

// 设置样式
oCells.item(i).style.width = oCells.item(i).clientWidth + "px";
// 内容居中
oCells.item(i).className = "hCenterCol";
}
}
headTable.removeNode(true);// 移走原来的一览title
headTable.style.display = "none";// 原来的一览title不显示
}
}