このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTMLOutputElement: htmlFor プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2016年8月以降、すべてのブラウザーで利用可能です。

htmlForHTMLOutputElement インターフェイスの読み取り専用プロパティで、計算に入力値を提供する(またはその他の形で影響を受ける)要素の id のリストを含む、生きた DOMTokenList オブジェクトを返します。これは、<output> 要素の for コンテンツ属性を反映しています。

生きた DOMTokenList オブジェクトです。

htmlFor プロパティ自体は、DOMTokenList オブジェクトを置き換えることができないという意味で読み取り専用ですが、htmlFor プロパティに直接値を代入することは可能です。これは、その value プロパティに値を代入することと同等です。同時に、add()remove()replace()toggle() メソッドを使用して DOMTokenList オブジェクトを変更することもできます。

js
const outputElem = document.getElementById("result");
for (const id of outputElem.htmlFor.split(" ")) {
  const elem = document.getElementById(id);
  elem.style.outline = "2px solid red";
}

仕様書

仕様書
HTML
# dom-output-htmlfor

ブラウザーの互換性

関連情報