爲什麼我的動態添加的邊框不會顯示在IE8中？

我使用此代碼on jsfiddle爲表格動態添加邊框，它可以在FF和Chrome中運行，但在IE8中無效（或拋出任何錯誤）。誰能告訴我什麼是錯的？爲什麼我的動態添加的邊框不會顯示在IE8中？

[編輯] 這不完全回答的具體問題，但我真正的問題的最佳解決方案是動態設置（添加）一個CSS類 - 這個工作在所有瀏覽器，我關心的是：

CSS：

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

JS代碼（其中「細胞」是指TD元素）：

cell.className += " bleft";

來源

2012-06-08 Aerik

我沒有IE8手頭來測試它，但你有沒有嘗試過使用'el.style.borderRight'？ – MartinodF

您必須更新各個零件的複合「便利」樣式。 Your fiddle, updated.

下面的代碼：

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"; 
}

此致沒有工作在Firefox，我（直到我改變了它）。

來源

2012-06-08 22:11:02 Pointy

這也適用！你偶然有鏈接討論「便利」的風格，所以我可以去教育自己嗎？ – Aerik

@Aerik很好，諸如「邊界」，「邊距」，「填充」，「字體」等任何東西，其中有設置的不同部分的值列表適用。有些瀏覽器會允許他們，其他瀏覽器則不會。 – Pointy

作爲一個猜測，我會嘗試style.borderRight研究所ead的style['border-right']。

來源

2012-06-08 22:10:23 Triptych

這樣做，謝謝！ – Aerik

爲什麼我的動態添加的邊框不會顯示在IE8中？

回答

相關問題