解決する。ここのIDには複数の意味があるのでしょうか？ _html/css

解決する。ここのIDには複数の意味があるのでしょうか？ _html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:19:41

オリジナル

1000 人が閲覧しました

id スタイル属性

<html>    <head>                <style>            #id320 {                color: red;                            }        </style>    </head>    <body>        <input id="id320" value="0" />        <input id="id320" value="9" />        <button onclick="document.getElementById('id320').value='1'">button</button>    </body></html>

ログイン後にコピー

ディスカッションへの返信 (解決策)

一般に id を繰り返さないのが最善です

この部分だけでは多くはわかりません

混乱するのは
input id="id320" です
ここでの ID は何ですか? スタイルの設定ですか、それともロゴの定義ですか?

一般に、ID を繰り返さないことが最善です

この部分だけではあまりわかりません

混乱を招くのは
input id="id320" です
ここの ID はスタイルを設定しているのでしょうか、それともロゴを定義しているのでしょうか?

コードの意味を理解するには、コードのコンテキストと実際のパフォーマンスを確認する必要があります

もちろん、デフォルトや標準化された記述方法が役に立たない場合もあり、他の閲覧者を混乱させる可能性があります

あなたが作成したコードと同じように、投稿

ID 理論上は、グローバル

が唯一存在することを意味しますが、現在は同じものが 2 つあります

したがって、コードの最終的なパフォーマンスを見てのみ意味を理解することができます

ID が JS で使用されていない場合, このように書いても問題ありませんし、クラスと同じでJSでIDを使う場合はこのように書くと必ず問題が発生します。したがって、重複した ID を持たないことが最善です。

これは理解できますか？

仕様要件:
ID の意味は 1 つだけで、要素を一意に識別することです
ID 値は一意である必要があります
ID スタイルは一意の要素に対してのみ定義されます

標準化されていない場合 (複数の要素が同じである場合) id) 、一般的な (IE/Chrome/Firefox など) アプローチ:
getElementById は最初に見つかった要素を返します
同じ ID を持つ要素のスタイルを設定します

ID は重複できません。「重複しないことが望ましい」わけではありません。質問

重複を書いても問題ありません。これはブラウザの耐障害性のためです (これは、ブラウザベンダーが一斉に xhtml をボイコットする重要な理由の 1 つでもあります)
しかし、文法的に ID を繰り返すのは間違っています