JavaScriptとcssの優先順位(?)を逆転させるには?

[上に] [前に] [次に]
コウノトリ 2000/03/01(水) 10:26:30
以下のようなHTMLなのですが、IE5.01でボタンを押しても背景色が変ってくれません。
JavaScriptよりcssが優先させれてしまうようです。
JavaScriptでcssのプロパティを直接いじる方法はないでしょうか?
(実際にはcssは外部ファイルにしたいのです)
NN4.xのことはどうでもいいです。

--

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" title="コウノトリ" href="mailto:hoge@hoge.foo">
<link rel="prev" title="" href="http://www.hoge.foo/~hoge/">
<title>サンプル</title>
<script type="text/javascript">
<!--
function changeColor()
{
    document.bgColor = "#000000";
}
//-->
</script>
<style type="text/css">
<!--
    body { background-color: #ffffff; }
-->
</style>
</head>
<body>
<p><button tabindex="1" accesskey="C" onclick="changeColor();">change!</button></p>
</body>
</html>

Syn [E-Mail] 2000/03/01(水) 11:03:29
style オブジェクトを触れば変えることができます。

function changeColor()
{
    document.body.style.background = '#000000';
}

Syn [E-Mail] 2000/03/01(水) 11:15:28
あああ、正確を期すなら backgroundColor プロパティですね。

function changeColor()
{
    document.body.style.backgroundColor = '#000000';
}

http://www.microsoft.com/japan/developer/library/psdk/jpisdk/dhtml/dhtml.htm
このへんもごらんいただければよいかもしれません。

コウノトリ 2000/03/01(水) 11:23:09
[[解決]]
なるほど、Styleオブジェクトですか。allと同じようなものがあったんですね。
ありがとうございました。

[上に] [前に] [次に]