複数のタグに同じIDをつけて、スタイルを一度に変更するには?

[上に] [前に] [次に]
せな [E-Mail] 1999/11/27(土) 05:40:59
HTMLを勉強したあとに、スタイルシートや、JavaScriptを勉強
しているのですが、複数のタグに同じIDをつけて、ボタンなどで
一度に全てのタグを変更しようと考え、以下の様なHTMLを作り
ました。この様なことはできるのでしょうか?使用ブラウザは
IE5です。<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE="text/css">
<!--
#id1 {background:pink;height:200;width:400;}
-->
</STYLE>
</HEAD>
<BODY>
<SPAN id=id1>
<span onclick="id1.style.background='yellow';">変更</span>
</SPAN>
<span id=id1></span>
</BODY>
</HTML>

seea [HomePage] 1999/11/27(土) 07:00:45
>この様なことはできるのでしょうか?

実際に動かして、試してみましょう。

複数のタグに付けるのでしたら ID より CLASS が向いています。
#id1 → .c1
id1.style → c1.style
SPAN id=id1 → SPAN class=c1

あと、誤りではないと思いますが…
background:pink → background-color:pink

# JavaScriptの部分は自信無し(^^;

Selly 1999/11/27(土) 07:01:07
同じIDを複数のタグにつけることはできません(たとえ動作したとしても)
なぜかは「IDとはなにか」を考えればわかることです。

IDの代わりにCSSのクラスを使えば希望通りの動作は得られるでしょう。

#id1

.id1
と変えるだけで一応動くかな?(未確認

Selly 1999/11/27(土) 07:02:40
ぐあ…20秒差(死

せな [E-Mail] 1999/11/29(月) 06:42:28
ご教授 ありがとうございます。これから試してみようと思います。
IDとClassの違いもはっきり解らなかったので、もう少し調べて
みようかと思います。

せな [E-Mail] 1999/11/30(火) 04:32:23
う〜ん。どうにも上手く動いてくれません。だぁめですかねぇ。
動いてくれよ(T_T)。助けてください。

EMI 1999/12/01(水) 03:03:53
CSSのクラスは、Javascriptのオブジェクトじゃないので、
Javascriptによって一括で変更することはできません。
また、同じIDを1つのHTMLで二度以上使うことは禁止です。

#CSSのクラスは使えませんが、JSSのクラスならもしかしたら使えるかもしれません。
#NN専用になりますけど。
#あ、JSS=Javascript Style Sheetです。

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