javascript - IE td 元素的 innerhtml 解决方法？

Question

我有以下功能:

<script type="text/javascript">
function changeText(elem){
  var oldHTML = document.getElementById(elem).innerHTML;
  var newHTML = "<span style='color:red'>" + oldHTML + "</span>";
  document.getElementById(elem).innerHTML = newHTML;
 }

</script>

以及以下 HTML:

<table>
<tr>
<td id = "foo">bar</td>
</tr>
</table>

这会抛出一个“未知的运行时错误”(仅在 IE 中)，从那以后谷歌搜索告诉我表格元素在带有 innerHTML 的 IE 中是只读的。

我已经尝试寻找解决方法，但它们并没有针对我的具体问题，这只是我想让“栏”这个词变成红色。我不想将“酒吧”一词更改为其他名称。纯粹是颜色变化。

有没有什么方法可以在不使用复杂而缓慢的 DOM 功能并且不必更改页面上的任何其他 HTML 标记的情况下做到这一点？这是一个表格，里面有一个表格，如果冲浪者提交了错误的表格，“错误”字段应该变成红色。它必须能够执行多次，因为冲浪者有可能弄乱多个字段。

感谢您的任何建议。

Answer 1

为什么不直接将单元格更改为 color:'red' :

var td = document.getElementById(elem);
td.style.color = 'red';