javascript - JavaScriptを使用してHTML要素のスタイルを変更できないのはなぜですか？

Question

問題があります。このテストコードを作成して、問題を示しました。

• HTMLコード： http： //i.stack.imgur.com/7qlZx.png
• Javascriptコード： http： //i.stack.imgur.com/DYvuq.png

私がやりたいのは、IDのスタイルを変更することです。しかし、何らかの理由でそれは機能しません。

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

Answer 1

あなたが投稿したコードの写真から判断すると（http://jsfiddle.netはこの種のもののためのより良いオプションです）、あなたのJavaScriptは間違っています。

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

HTML要素のオブジェクトには、という関数styleはありません。という関数があります。次のように、目的の値を割り当てます。fontSizepropertyfontSize

x.style.fontSize = '20px';

JavaScriptコンソールが表示されているChromeなどで元のコードを試してみると（[表示]>[開発者]>[JavaScriptコンソール]）、元のコードを実行しようとするとエラーが表示されます。

Answer 2

元のコードでは、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';

Answer 3

これらのスタイル属性は、メソッドではなくプロパティです。つまり、x.style.fontSize('20px')ではなく、である必要がありますx.style.fontSize = '20px'。