1つのページには、多くのコントロール(要素またはラベル)があります.これらのラベルをより簡単に操作するには、これらのラベルにIDカードを識別する必要があります.
必要なプロパティはname、id、classです.

1. name

ラベルの名前を指定します.

1.1形式：

　　

1.2シーンの適用

1 formフォーム:nameはサーバフォームリストに転送される変数名として使用できます.上の転送サーバの名前は、username='textの値';
②input type='radio'ラジオラベル:いくつかのラジオラベルのnameを同じ値に設定すると、ラジオ操作が行われます.

<input type="radio" name='sex'/> 
<input type="radio" name='sex'/> 

③一組のnameが同じラベルを素早く取得する:同じnameを持つラベルを取得し、一緒に操作する.例えば:属性変更、登録イベントなど;

function changtxtcolor() {
    var txts = document.getElementsByName('txtcolor'); // name=txtcolor  
    for (var i = 0; i < txts.length; i++) { // ， red
        txts[i].style.backgroundColor = 'red';
    }
}

 

1.3特性

nameプロパティの値は、現在のpageページで一意ではありません.

2. id

ラベルの一意のIDを指定します.

2.1形式：

　　

2.2適用シーン：

①指定された一意のid番号に基づいて、ラベルオブジェクトをすばやく取得します.例:document.getElementById(id)
②labelラベルfor属性として使用する値:例:ユーザー名:は、このlabelラベルをクリックするとidがuseridのラベルにフォーカスすることを示す.

2.3特性

id属性の値は、現在のpageページで一意である.

3. class

ラベルのクラス名を指定します.

3.1形式：

　　

3.2適用シーン：

①CSS操作は、特定のスタイルを1つのclassクラスに配置し、このスタイルのラベルが必要で、このようなスタイルを追加することができます.

3.3特性：

複数のクラスを1つのclass属性に置くことができますが、スペースで区切らなければなりません.例えばclass='btnsubmit btnopen'
============================================================
この記事:1.4 HTML name、id、classの違い

Web開発の道シリーズ記事