Latest web development tutorials

HTMLのid属性

HTMLグローバル属性 HTMLグローバル属性

例

テキストid属性を処理するためのJavaScriptを使用することにより：

<HTML>
<ヘッド>
ます。<script type = "text / javascriptの">
関数displayResult（）
{
document.getElementById（ "myHeader"）innerHTMLのは= "ごきげんよう！";
}
</スクリプト>
</ HEAD>

<ボディ>
<H1のid = "myHeader"> Hello Worldの！</ H1>
<ボタンのonclick = "displayResult（）">変更のテキスト</ button>の
</ BODY>

</ HTML>

»をお試しください

底部には、複数のインスタンスが含まれています。

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要なブラウザでは、id属性をサポート

定義と使用法

id属性は、一意のIDのHTML要素を指定します。

HTML文書内のidは一意である必要があります。

id属性は、JavaScriptを介して、（HTML DOM）、リンクアンカー（リンクアンカー）として使用したり、変更したり、指定したidを持つ要素のCSSスタイルによって追加することができます。

HTML 4.01とHTML5との違い

HTML5では、id属性は、（それが任意のHTML要素ことを確認し、必ずしも有用ではないだろう）任意のHTML要素で使用することができます。

<ベース>、<HEAD>、<HTML>、<メタ>、の<param>、<スクリプト>、<スタイル>、および<タイトル>：HTML 4.01では、id属性を使用することはできません。

注：（：HTML 4.01 id値に数字で始めることはできません例えば）IDの値のためのHTML 4.01を、厳密な限界があります。

文法

<要素ID = "ID">

プロパティ値

値 説明
イド

指定されたIDの唯一の要素。

命名規則：

  • 文字A〜Zまたはaからzで始まる必要があります
  • 後続の文字：文字（-ZA-z）、数字（0-9）、ハイフン（ " - "）、アンダースコア（ "_"）、コロン（ "："）およびドット（ "。"）
  • 値は、大文字と小文字が区別されます

例

より多くの例

CSSのid属性
スタイルにCSSで要素のid属性を使用する方法

HTMLグローバル属性 HTMLグローバル属性