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

せな [E-Mail] 1999/11/27(土) 05:40:59
HTMLを勉強したあとに、スタイルシートや、JavaScriptを勉強
しているのですが、複数のタグに同じIDをつけて、ボタンなどで
一度に全てのタグを変更しようと考え、以下の様なHTMLを作り
ました。この様なことはできるのでしょうか？使用ブラウザは
IE５です。<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE="text/css">

</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
と変えるだけで一応動くかな？(未確認

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

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

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

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