大笨鳥的私房菜

當我們有一段 css 想動態加入可視物件 (如： button、text、checkbox…等)，通常會使用 setAttribute() 方法來達成。如下例：
....
var obj = document.getElementById("textField");
obj.setAttribute("style", "border-style:solid;border-width:1;");
....

以上的程式在 Firefox 上可以很正常的執行，但卻無法在 IE 上運行。
要解決以上的問題，請改用以下的方法即可解決。
....
obj.style.cssText = "border-style:solid;border-width:1;";
....

同上，我們想用 setAttribute() 方法來設定 class 屬性時也會遇到在 Firefox 上正常但無法在 IE上運行的問題，解決的方法有兩種，第一種使用 setAttribute() 設定時，將屬性名稱改成 className 即可；第二種則是使用物件屬性的設定方法。以下為範例：

第一種方法：
....
obj.setAttribute("className", "cssClassName");
....

第二種方法：
....
obj.className = "cssClassName");
....