HTMLDOMラベルhtmlForプロパティ
HTML DOMラベルのhtmlForプロパティは、for属性の値を返す/設定します。
構文
以下は構文です-
forの戻り値 属性-
labelObject.htmlFor
例
Label htmlForの例を見てみましょう プロパティ-
<!DOCTYPE html> <html> <head> <title>Label htmlFor</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Label-htmlFor</legend> <label id="CurrentEditor" for="editorTwo">Current Editor:</label><br> <input type="text" id="editorOne" placeholder="editorOne"> <input type="text" id="editorTwo" placeholder="editorTwo"> <input type="button" onclick="getEventData()" value="Change Editor"> <div id="divDisplay">Label for attribute set as editor two</div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var labelSelect = document.getElementById("CurrentEditor"); function getEventData() { if(labelSelect.htmlFor === 'editorTwo'){ divDisplay.textContent = 'Label for attribute set as editor one'; labelSelect.htmlFor = 'editorOne'; } } </script> </body> </html>
出力
これにより、次の出力が生成されます-
[エディタの変更]をクリックする前に ボタン-
[エディタの変更]をクリックした後 ボタン-
-
HTMLDOMOl反転プロパティ
HTML DOM Olの逆プロパティは、リストの順序を降順にするか昇順にするかを設定/返します(デフォルト)。 以下は構文です- ブール値を返す-true/false olObject.reversed 反転の設定 booleanValueへ olObject.reversed = booleanValue ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true 順序が降順になることを定義します false デフォルトで順序が昇順になることを定義します Ol反転の例を見てみましょう
-
HTMLDOMトラックラベルプロパティ
HTML DOMトラックラベルプロパティは、トラック要素のラベル属性の値を設定/返し、トラックの表示テキストを指定します。 以下は構文です- 文字列値を返す trackObject.label ラベルをstringValueに設定する trackObject.label = labelValue トラックラベルの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>Track label</title> <style> form {