Javascript 如何将表格单元格中的文本替换为长度完全相同的文本？

我需要在

单元格中交替日期和短语，而不使用固定宽度

<table>
   <thead>
      <tr><th>Date</th></tr>
   </thead>
   <tbody>
      <tr><td id='changethis'>Wed Dec 21 2011</td></tr>
   </tbody>
</table>

var hold = $('#changethis').text();
setInterval(function () { 
  if ($('#changethis').hasClass("highlight")) { 
    $('#changethis').text(hold);
    $('#changethis').removeClass("highlight");
  }
  else {
    $('#changethis').text(" E  R  R  O  R ");
    $('#changethis').addClass("highlight");
  }
},1000);

日期
2011年12月21日星期三
var hold=$（'#changethis'）.text（）；
setInterval（函数（）{
if（$（'#changethis'）.hasClass（“highlight”）{
$（“#更改此”）.text（保留）；
$（“#更改此”）.removeClass（“突出显示”）；
}
否则{
$（'#changethis'）。文本（“E R R R”）；
$（'#changethis'）.addClass（“突出显示”）；
}
},1000);

---

问题是每次文本交替时，表格都会重新设置列的宽度。是否可以计算渲染文本宽度并相应调整交替文本

要计算渲染文本宽度：

$.fn.textWidth = function(){
    var sensor = $('<div />').css({margin: 0, padding: 0});
    $(this).append(sensor);
    var width = sensor.width();
    sensor.remove();
    return width;
};

$.fn.textWidth=函数（）{
var sensor=$（''）.css（{margin:0，padding:0}）；
$（此）.append（传感器）；
var width=sensor.width（）；
传感器。拆下（）；
返回宽度；
};

---

您可以执行其余操作来计算渲染文本宽度：

$.fn.textWidth = function(){
    var sensor = $('<div />').css({margin: 0, padding: 0});
    $(this).append(sensor);
    var width = sensor.width();
    sensor.remove();
    return width;
};

$.fn.textWidth=函数（）{
var sensor=$（''）.css（{margin:0，padding:0}）；
$（此）.append（传感器）；
var width=sensor.width（）；
传感器。拆下（）；
返回宽度；
};

---

您可以完成其余的工作

您可以尝试向元素添加宽度

$('#changethis').width($('#changethis').width());

---

您可以尝试向元素添加宽度

$('#changethis').width($('#changethis').width());