動態應用css樣式

Question

你好我從xml文件中提取樣式屬性名稱（在這種情況下是顏色和字體），所以最后我有變量style1=color和style2= font ;

但是當我編寫以下代碼時 - 它不起作用 - 程序說style1是未定義的。 我怎么能改變呢？

var header=document.createElement("div");
    header.setAttribute("id", "header1");


   header.style.style1=headerstyles[i].nodeValue;

Answer 1

由於style1是一個包含顏色/字體等實際css屬性名稱的變量，因此無法使用. （點）運算符，您需要使用[]來指定屬性。

header.style[style1]=headerstyles[i].nodeValue;

Answer 2

因為風格本身就是一個對象。 你想要的是：

header.style.setAttribute（ '顏色'， '紅'）;

但IE不支持樣式對象的setAttribute。

所以使用完全跨瀏覽器支持：

header.style.cssColor ='red';

Answer 3

你需要使用

header.style.color
&
header.style.fontFamily, header.style.fontSize

改變你提到的風格。

您也可以使用CSS Text

header.style.cssText