1

私は現在JavaScriptを学んでいますが、基本的なことは非常に苦手です。リンクをクリックすると背景色が変わる関数を書こうとしていますが、何が悪いのか教えていただけますか？

<head>

<script type="text/javascript">

function change()
{
var abra = document.getElementbyId("body").style;
abra.background-color = "black";

}
</script>

</head>

<body>

<div id="body" style="background-color: red;">
<a href="#" id="test" onclick="return change()">Test</a>
sdfdsfsdfds

</div>

</body>

編集：明確にするために、私はDIV「ボディ」の背景色を変更しようとしていました。

4

3 に答える 3

4

あなたが探しているプロパティはbackgroundColor：

abra.backgroundColor = "black";

一般に、JavascriptはCSSスタイルのプロパティに対応するキャメルケースを使用します。例については、いくつかのプロパティのリストを参照してください。

于 2012-05-12T01:33:57.373 に答える
1

それ以外の

var abra = document.getElementbyId("body").style
abra.background-color = "black";

試す

document.body.style.backgroundColor = "black";

document.getElementbyId("body")

ID本体を持つ要素を検索し、

abra.background-color

と同じです

(abra.background) - color

var名前の付いたがないことを示すエラーが発生する可能性がありますcolor。

于 2012-05-12T01:34:06.640 に答える
0

キャメルケースを使用する：

background-color => backgroundColor

var abra = document.getElementById("body").style;
abra.backgroundColor = "black";

ただし、bodyタグを使用する場合は、次のようにします。

document.getElementsByTagName("body")[0]

また

document.body // recommended
于 2012-05-12T01:34:18.610 に答える