爲什麼我無法使用JavaScript更改HTML元素的樣式？

我有一個問題，我做了這個測試代碼來告訴你我的問題。爲什麼我無法使用JavaScript更改HTML元素的樣式？

HTML代碼：http://i.stack.imgur.com/7qlZx.png
Javascript代碼：http://i.stack.imgur.com/DYvuq.png

我想要做的是改變風格的id。但由於某種原因，它不起作用。

我不知道發生了什麼，我真的需要你的幫助。謝謝。

來源

2012-04-05 Andres Orozco

你應該發佈整個事情。沒有人會幫助你。恕我直言，這是stackoverflow的問題。 – Miro 2012-04-05 06:14:49

1，你不知道是否有人可以幫助我...和2 - 我這是正確的地方cuz'標題說「網站管理員」不是「使網頁設計問題在stackoverflow」。 ;） – 2012-04-05 06:21:20

閱讀常見問題：「請注意，如果你的問題是關於詳細的HTML，JavaScript或CSS代碼，它可能是一個更適合的堆棧溢出我們喜歡這裏的問題有關問題或影響整個網站的問題。」 – Miro 2012-04-05 06:34:55

在你被錯誤地指的是JavaScript屬性爲方法你原來的代碼...

// ORIGINAL/INCORRECT CODE 
// x.style.fontSize('20px'); 
// x.style.fontFamily('arial'); 
// x.style.color('#008080'); 
// x.style.border('10px solid #000');

修正...

// CORRECTED 
// These are properties, NOT methods. 
x.style.fontSize = '20px'; 
x.style.fontFamily = 'arial'; 
x.style.color = '#008080'; 
x.style.border = '10px solid #000';

來源

2012-04-05 11:23:04 MrWhite

從你的代碼，您張貼的圖片（http://jsfiddle.net是這樣的事情是更好的選擇）來看，你的JavaScript是錯誤的。

x.style.fontSize('20px');

的style對象上的HTML元素不具備功能稱爲fontSize，它有一個叫propertyfontSize。您可以爲其指定所需的值，如下所示：

x.style.fontSize = '20px';

如果您嘗試使用原始代碼，使用JavaScript控制檯可見的Chrome（「視圖」>「開發人員」> JavaScript控制檯），當您嘗試運行原始代碼時，應該會看到一個錯誤。

來源

2012-04-05 11:22:16

下面是一個可用的[JSFiddle]（http://jsfiddle.net/RkHpg/），說明它應該是什麼樣子。 – ShadowScripter 2012-04-05 11:30:48

那些樣式屬性的屬性不是方法。也就是說，它不應該是x.style.fontSize('20px')，而應該是x.style.fontSize = '20px'。

來源

2012-04-05 11:23:57

爲什麼我無法使用JavaScript更改HTML元素的樣式？

回答

相關問題