动态设置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不显示 } }