ホームページ > 記事 > ウェブフロントエンド > 解決する。ここのIDには複数の意味があるのでしょうか？ _html/css_WEB-ITnose
解決する。ここのIDには複数の意味があるのでしょうか？ _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:19:41999ブラウズ
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 を繰り返すのは間違っています