为什么我动态添加的边框不会显示在 IE8 中

Why won't my dynamically added borders show up in IE8?

本文关键字：显示 IE8 边框 动态 添加 为什么      更新时间：2023-09-26

我在jsfiddle上使用此代码动态地向表格添加边框，它在FF和Chrome中有效，但在IE8中不起作用（或抛出任何错误）。 谁能告诉我出了什么问题？

[编辑]这不是特定问题的答案，但我真正问题的最佳解决方案是动态设置（添加）一个 css 类 - 这在我关心的所有浏览器中都有效：

.CSS：

td.bleft {
border-left:2px solid black;
}

JS代码（其中"cell"指的是td元素）：

cell.className += " bleft";

作为猜测，我会尝试style.borderRight而不是style['border-right']。

您必须按各个部分更新复合"便利"样式。你的小提琴，更新了。

代码如下：

for (var i = 0; i < tbl.rows.length; i++) {
    tbl.rows[i].cells[0].style["borderRightWidth"] = "2px";
    tbl.rows[i].cells[0].style["borderRightColor"] = "black";
    tbl.rows[i].cells[0].style["borderRightStyle"] = "solid";
}

你的在火狐中对我不起作用（直到我改变了它）。

相关文章：