[解決済み] 与えられた入力に関連する html ラベルを検索する
2022-07-27 12:13:59
質問
htmlのフォームがあるとします。 各入力/選択/テキストエリアには、対応する
<label>
と
for
属性に、その仲間の id を設定します。この場合、各入力は1つのラベルしか持たないことが分かっています。
javascriptで入力要素がある場合、例えばonkeyupイベントを通して、関連するラベルを見つける最良の方法は何でしょうか?
どのように解決するのですか?
まず、ラベルのページをスキャンし、実際のフォーム要素からラベルへの参照を割り当てます。
var labels = document.getElementsByTagName('LABEL');
for (var i = 0; i < labels.length; i++) {
if (labels[i].htmlFor != '') {
var elem = document.getElementById(labels[i].htmlFor);
if (elem)
elem.label = labels[i];
}
}
では、単純に
document.getElementById('MyFormElem').label.innerHTML = 'Look ma this works!';
ルックアップ配列は不要 :)
関連
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] 入力フィールドから属性を読み込むと、HTMLエンコーディングが失われる
-
[解決済み] HTMLフォームのSELECTタグ/入力の読み取り専用化
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] HTML5 CanvasとSVGとdivの比較
-
[解決済み] HTMLのチェックボックスのchecked属性の適切な値は何ですか?
-
[解決済み】HTMLのテキスト入力で数値入力しかできない。
-
[解決済み] HTML <input type='file'> ファイル選択イベント
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JSのDateからDay名
-
[解決済み] AngularJSのエラーです。Cross Origin リクエストはプロトコルスキーム http, data, chrome-extension, https に対してのみサポートされています。
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] JSHintの'+'前の改行不良の説明
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?
-
[解決済み] emacsのjavascriptモードでインデント幅を変更する方法