2012-04-05 16 views
0

私は問題があります。私はこのテストコードを使って自分の問題を見せてくれました。JavaScriptを使用してHTML要素のスタイルを変更できないのはなぜですか?

は、IDのスタイルを変更することです。しかし何らかの理由でそれはうまくいかない。

私は何が起こっているのか分かりませんし、本当にあなたの助けが必要です。ありがとう。

+1

全体を投稿する必要があります。誰もあなたを助けません。そしてIMHOこれは、stackoverflowの質問です。 – Miro

+0

1 - 誰かが私を助けることができるかどうかわからない...そして2 - 私はこれが適切な場所cuz 'タイトルは "webmaster"ではなく、 "stackoverflowでWebデザインの質問をする"と言うtoughtだった。 ;) –

+2

faq: "あなたの質問が詳細なHTML、JavaScript、またはCSSのコーディングについてのものであれば、Stack Overflowにもっと適しているかもしれないことに注意してください。 – Miro

答えて

1

...修正し

// 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'; 
1

投稿したコードの画像から判断すると(http://jsfiddle.net)、JavaScriptが間違っています。 HTML要素の

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

styleオブジェクトがfontSize呼ば機能を持っていない、それはfontSizeと呼ばれるpropertyを持っています。

x.style.fontSize = '20px'; 

元のコードを次のように試してみてください。 JavaScriptコンソールが表示されているChrome(表示>開発者> JavaScriptコンソール)では、元のコードを実行しようとするとエラーが発生するはずです。あなたは間違った方法として、JavaScriptプロパティを参照している元のコードで

+2

ここには動作する[JSFiddle](http://jsfiddle.net/RkHpg/)があり、どのように見えるかを示しています。 – ShadowScripter

0

これらのスタイル属性はプロパティではないメソッドです。すなわち、それはx.style.fontSize('20px')ではなく、むしろx.style.fontSize = '20px'であるべきである。

関連する問題