js STUDIO

.id

要素のID(id属性)を取得、または設定します。

文法 

// IDを取得
var idStr = element.id;
// IDを設定
element.id = idStr;

idStrには、要素のIDが格納されます。

注意事項

IDはドキュメント内で一意で無ければならず、 getElementByIdを使用して要素を取得するのによく使用されます。

幾つかのドキュメント(特に、HTML、XUL、SVG)は、 idを(<div id="main-content">のようにして)要素の属性として特定するのに使用することが可能です。

ただし、カスタムXMLドキュメントで、DOCTYPE内のその属性の型を正しく特定すること無く、 この属性を使用することは出来ません。

その他のidの一般的な使用方法には、ドキュメントのCSSのスタイルを決める際に、 要素のIDをセレクタとするものが含まれます。

IDは大文字・小文字を区別するため、 大文字と小文字部分だけが異なるIDを作成すべきではないということに注意してください。 (Case Sensitivity in class and id Names参照)

仕様

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。