English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM id 属性

HTML DOM Element オブジェクト

ID属性を使用して、要素のid属性値を設定または返します。

IDはページ内でユニークでなければならず、通常はdocument.getElementById()メソッドは要素を返します。

文法:

id属性を返す:

element.id

id属性を設定する:

element.id = id
var x = document.getElementsByTagName("li")[0].id;
テストしてみる‹/›

ブラウザの互換性

すべてのブラウザが完全にid属性をサポートしています:

属性
id

属性値

説明
id指定要素のID

技術的詳細

返り値:文字列、要素のID属性を表す
DOM バージョン:DOM 標準1

他の例

要素のIDを変更する:

document.getElementsByTagName("li")[0].id = "myList2";
テストしてみる‹/›

ドキュメント内の最初の<div>要素のIDが「myDiv」かどうかを確認する:

var x = document.querySelector("div");
if (x.id == "myDiv") {
   alert("Yes... The DIV has " + x.id + "");39;myDiv' ID");
} else {
   alert("False");
}
テストしてみる‹/›

関連参考

CSS チュートリアル:CSS ガイドライン

CSS 参考:CSS#id選択子

HTML 参考:HTML 全局id属性

HTML DOM 参考:HTML DOM getElementById()メソッド

HTML DOM Element オブジェクト