外部CSSとjavascriptの併用の際に。

[新着] Webテンプレートを仮オープンしました

0   名前： evil ： 2006/12/12（火） 12:47  ID:iCmGqa9F
素材配布サイトでよくある、
ラジオボタンでの背景色を変更するスクリプトを使用していたのですが、
外部CSSタグを貼り付けたら動作しなくなりました。

外部CSSのタグを導入しただけで、他は変えていません。
それまでは正常に動作していました。
javascript初心者なので、何処が間違っているのか教えて戴けると助かります。

タグ↓

<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" type="text/css" href="css.css">

<SCRIPT TYPE="text/javascript">
<!--
function changeColor(num){
if(num==0){
document.bgColor="#000000";
}else if(num==1){
document.bgColor="#ffffff";
}else if(num==2){
document.bgColor="#ff0000";
}
}
// -->
</SCRIPT>

</head>
<body>
<center>

<form>
<input type="radio" name="bgcolor" onClick="changeColor(0)" checked>black
<input type="radio" name="bgcolor" onClick="changeColor(1)">white
<input type="radio" name="bgcolor" onClick="changeColor(2)">red
</form>


宜しくお願いします。
1   名前： 牛若 ： 2006/12/12（火） 12:47  ID:hd5vhE5V
どこも悪くはないと思いますが…

HTMLが不完全なのと、
document.bgColor="#000000";
こういうコードは私自身は使わない、という以外は。
でも、これで動くと思います。
2   名前： evil ： 2006/12/12（火） 12:47  ID:iCmGqa9F
レス有難う御座居ます。

どう調べても動かないので、外部CSSではなく、
ソースにCSSを書き込んだ状態で動作させています。

このタグはjavascriptのサンプルを公開している、
ＨＰ作成支援サイトを参考にしています。
タグはカラーコードを変えただけのものです。

こういうコードは使わない、と言うことですが、
もし宜しければ参考までに推奨のタグをお教え願えますか。
htmlもかなり独学で調べつつ書いていますので、
不完全な部分は多いと思いますが、宜しくお願いします。
3   名前： Chips ： 2006/12/12（火） 12:47  ID:iXTrKUp6
document.bgColor
これを
document.body.style.backgroundColor
に置き換えれば動くと思います。
（CSSでの指定がbodyの属性であるｂgＣolorより優先するのでしょう）
4   名前： 匿名 ： 2006/12/12（火） 12:47  ID:iggsOfZV
HTML の視覚属性の詳細度は 0 だから、詳細度 (0, 0, 0, 1) の型セレクタがあるだけで上書きされてしまう。

style 属性の詳細度は (1, 0, 0, 0) だから、最も上書きされにくい。
5   名前： evil ： 2006/12/12（火） 12:47  ID:l.SCaP4x
有難う御座居ました！
document.bgColor
を
document.body.style.backgroundColor
に書き換えたら動きました。

>3 Chipsさん、解り易い解説を有難う御座居ました。
凄く助かりました。
もっと色々と勉強したいと思います。
一覧へ戻る