使用Javascript更改多個樣式屬性

我需要更改給定元素的多個樣式屬性。我知道如何改變它：document.getElementById(today).style.visibility= "visible"; 但我不確定改變多個可見性，寬度，高度和字體顏色。使用Javascript更改多個樣式屬性

來源

2009-11-19 Dave

這只是多個呼叫：

document.getElementById(today).style.visibility = "visible"; 
document.getElementById(today).style.color = "red"; 
document.getElementById(today).style.height = "5em";

來源

2009-11-19 03:19:50 Wevah

非常感謝。下一個技巧是我正在改變的屬性之一是字體大小，但它似乎並不像「 - 」在 document.getElementById（today）.style.font-size =「x-small」; – Dave 2009-11-19 03:32:12

@Dave，對於包含短劃線的CSS屬性，必須刪除短劃線，並將下一個字符大寫，即：對於'font-size'，應該使用'fontSize'。 – CMS 2009-11-19 03:54:48

Ahh謝謝CMS :-) – Dave 2009-11-19 22:08:19

您需要的時間，即.style.width =，= .style.height引用每個屬性之一，等等

你可以縮短輸入你做一些像這樣的量：

var g = document.getElementById(today); 
g.style.width=100; 
g.style.height=100; 
g.style.visibility='visible';

來源

2009-11-19 03:18:23

感謝這個邁克爾我會給它一個去。 – Dave 2009-11-19 03:32:45

CSS的方法是創建一個類，做所有常見的造型，以這些元素和類屬性分配給他們，

或者，如果他們是inhertiable風格然後把元素共同的父說DIV並設置div的風格

來源

2009-11-19 03:21:19 Murali

如果你願意替代任何其他內嵌樣式該元素可以使用style.cssText屬性。

document.getElementById('idstring').style.cssText= 
'font-size:1em;color:blue;visibility:visible';

來源

2009-11-19 05:00:40 kennebec

使用Javascript更改多個樣式屬性

回答

相關問題