HTML

HTML DOM の Input Email value プロパティは、type=email を持つ input 要素の value 属性（現在入力・設定されている値）を文字列として返します。また、このプロパティに新しい文字列を代入することで、JavaScript からメールアドレスの値を動的に設定することも可能です。 構文 value プロパティの基本的な構文は以下の通りです。 値を取得する場合 inputEmailObject.value 値を設定する場合 value 属性に任意の文字列を設定します。 inputEmailObject.value = String 使用例 それでは、Inp

HTML DOM の Input FileUpload accept プロパティは、ファイルアップロード（<input type=file>）要素の accept 属性の値を文字列として返します。このプロパティを利用することで、ユーザーがアップロードできるファイルの種類を取得したり、新しい値を動的に設定したりすることが可能です。 構文 構文は以下の通りです。 文字列値を取得する場合 inputFileUploadObject.accept accept 属性に新しい文字列値を設定する場合 inputFileUploadObject.accept = value サンプルコ

HTML DOMのInput FileUpload autofocusプロパティは、ページが最初に読み込まれた際に、ファイルアップロード用の入力欄（<input type=file>）へ自動的にフォーカスを当てるかどうかを設定・取得するためのプロパティです。 構文 autofocusプロパティの構文は以下のとおりです。 値を取得する場合（true / false を返す） inputFileUploadObject.autofocus 値を設定する場合 inputFileUploadObject.autofocus = booleanValue 設定できるブール値 booleanV

HTML DOM の Input Text size プロパティは、テキスト入力フィールド（<input type=text>）の size 属性を取得または設定するために使用されます。size 属性は、テキストボックスに表示できるおおよその文字数（入力欄の幅）を指定するもので、このプロパティが明示的に定義されていない場合は、デフォルト値として「20」が返されます。 構文 size プロパティの基本的な構文は以下のとおりです。 size 属性の値を取得する場合 inputTextObject.size size プロパティに数値を設定する場合 inputTextObject.

HTML DOMのInput Text typeプロパティは、テキスト入力フィールド（<input type=text>）のtype属性の値を取得または設定するためのプロパティです。JavaScriptから動的に入力フィールドの種類を確認したり変更したりしたい場合に活用できます。 構文 typeプロパティの基本的な構文は以下の通りです。 type属性の値を取得する場合（文字列として返却） inputTextObject.type type属性に新しい値を設定する場合 inputTextObject.type = stringValue 設定できる文字列値 「string

HTML DOM の Input Text value プロパティは、テキスト入力フィールド（<input type=text>）の value 属性に設定されている値を文字列として取得するためのプロパティです。また、このプロパティに新しい文字列を代入することで、JavaScript からテキストフィールドの値を動的に変更することもできます。 構文 Input Text value プロパティの基本的な構文は以下の通りです。 値の取得（文字列を返す） inputTextObject.value 値の設定（value 属性に文字列を代入） inputTextObject.val

HTML DOMのuserSelectプロパティは、HTMLドキュメント内で要素のテキストがユーザーによって選択可能かどうかを取得・設定するためのプロパティです。このプロパティを活用することで、Webページ上のテキストのコピーやドラッグによる選択を柔軟に制御できます。構文userSelectプロパティの基本的な構文は以下のとおりです。userSelectの値を取得する場合object.style.userSelectuserSelectの値を設定する場合object.style.userSelect = value;設定できる値valueには以下のいずれかの値を指定できます。値説明autoブラ

HTML DOMのverticalAlignプロパティは、HTMLドキュメント内の要素コンテンツの垂直方向の配置（縦位置）を取得および変更するために使用されます。テーブルセル内のテキストや画像の位置調整などに活用できる便利なプロパティです。構文verticalAlignプロパティの基本的な構文は以下の通りです。値の取得object.style.verticalAlign値の設定object.style.verticalAlign = value設定できる値valueには以下の値を指定できます。値説明initialプロパティの値をデフォルト値に設定します。inherit親要素からプロパティの値を

HTML DOMのスタイルにおけるvisibilityプロパティは、HTMLドキュメント内の要素を表示するか非表示にするかを、取得および設定するためのプロパティです。要素の可視性を動的に制御したい場合に活用できます。構文（Syntax）visibilityプロパティの基本的な構文は以下の通りです。可視性の値を取得する場合object.style.visibility可視性の値を設定する場合object.style.visibility = value設定できる値（Values）valueには以下のいずれかの値を指定できます。値説明initialこのプロパティの値をデフォルト値に設定します。in

HTML DOM の style.whiteSpace プロパティは、HTML ドキュメント内の要素テキストにおけるタブ・改行・空白文字の表示方法を取得および設定するために使用されます。テキストの折り返しや空白の扱いを動的に制御したい場合に便利なプロパティです。 構文（シンタックス） whiteSpace プロパティの基本的な構文は以下の通りです。 whiteSpace の値を取得する場合 object.style.whiteSpace whiteSpace の値を変更する場合 object.style.whiteSpace = value 設定できる値 whiteSpace プロパティには、

HTML DOMのスタイルオブジェクトが持つ wordBreak プロパティは、HTML文書内における中国語・日本語・韓国語（CJK）以外のスクリプト（主に英字テキストなど）の改行ルールを取得・変更するために使用されます。長い単語やURLなど、通常は改行されない文字列の折り返し方法をJavaScriptから動的に制御できるのが特徴です。構文wordBreakプロパティの基本的な構文は以下のとおりです。値の取得object.style.wordBreak値の設定object.style.wordBreak = value指定できる値wordBreakプロパティには、次の値を指定できます。値説明i

HTML DOM の style オブジェクトが持つ wordSpacing プロパティは、HTML ドキュメント内のテキストにおける「単語と単語の間隔（ワードスペーシング）」を取得したり、動的に変更したりするために使用します。 構文 wordSpacing プロパティの基本的な構文は以下の通りです。 値の取得 object.style.wordSpacing 値の設定 object.style.wordSpacing = value 指定できる値 value には以下の値を指定できます。 値説明 initialこのプロパティの値をデフォルト値に設定します。 inherit親要

HTML DOM の wordWrap プロパティは、HTML ドキュメント内で長い単語が要素の幅からあふれないように、途中で改行して次の行へ折り返すかどうかを取得および変更するために使用されます。URL などのスペースを含まない長い文字列がレイアウトを崩してしまう問題を防ぎたい場合に特に役立ちます。構文wordWrap プロパティの基本的な構文は以下の通りです。wordWrap の値を取得する場合object.style.wordWrapwordWrap の値を変更する場合object.style.wordWrap = value指定できる値value には以下の値を指定できます。値説明in

HTML DOM の style.zIndex プロパティは、HTML ドキュメント内で位置指定（positioned）された要素の重ね合わせ順序（スタッキング順序）を取得および変更するために使用されます。zIndex の値が大きい要素ほど手前に表示され、値が小さい要素ほど奥に表示されます。構文zIndex プロパティの構文は以下の通りです。zIndex の値を取得する場合object.style.zIndexzIndex の値を設定する場合object.style.zIndex = value設定できる値value には以下の値を指定できます。値説明initialこのプロパティの値をデフォル

HTML DOM の添え字（Subscript）オブジェクトは、HTML 文書内の <sub> 要素を表すオブジェクトです。<sub> 要素は、通常のテキストのベースラインより半文字分下に表示される「下付き文字（添え字）」を作成するために使用されます。本記事では、JavaScript を使って添え字オブジェクトを動的に生成する方法を、実際に動かせるサンプルコードとともにわかりやすく解説します。構文添え字オブジェクトを作成するための構文は以下の通りです。document.createElement("SUB");document オブジェクトの cre

SオブジェクトとはHTML DOM の S オブジェクトは、HTML ドキュメント内の <s> 要素を表すオブジェクトです。<s> 要素は、内容が正しくなくなった、または関連性がなくなったテキストに取り消し線を引くために使用されます。JavaScript を使えば、この <s> 要素を動的に生成し、ページ上で自由に操作できます。S オブジェクトは標準の HTMLElement を継承しているため、innerHTML や style、className など、一般的な DOM プロパティやイベント処理をそのまま利用できます。Sオブジェクトの作成方法S オブジェ

HTML DOM の Input Email maxLength プロパティは、メールアドレス用の入力フィールド（<input type="email">）に対して、ユーザーが入力できる最大文字数を示す maxLength 属性を取得または設定するためのプロパティです。maxLength 属性が HTML 側で定義されていない場合、このプロパティは「-1」を返します。 maxLength を活用することで、フォーム送信前の段階で入力文字数を制限でき、無効なデータの送信を防ぎやすくなります。さらに、JavaScript から動的に値を書き換えれば、状況に応じて入

HTML DOMのInput Email multipleプロパティは、emailタイプの入力フィールドが複数のメールアドレスを受け付けるかどうかを取得・設定するためのプロパティです。このプロパティを活用することで、JavaScriptから動的にフォームの入力ルールを変更できます。構文（Syntax）multipleプロパティの構文は以下のとおりです。値を取得する場合inputEmailObject.multiple値を設定する場合inputEmailObject.multiple = boolValue設定できるブール値boolValueには以下のいずれかのブール値を指定します。boolea

HTML DOM の Input Email name プロパティは、type=email の input 要素に設定された name 属性の値を文字列として返すプロパティです。取得だけでなく、新しい文字列を代入して値を変更することも可能です。 name 属性は、フォーム送信時にフィールドを識別するために使われる重要な属性であり、JavaScript から動的に読み書きできることで、より柔軟なフォーム操作が実現できます。 構文 基本的な構文は以下の通りです。 値を取得する場合 inputEmailObject.name name 属性に文字列値を設定する場合 inputEmailObj

HTML DOMのInput Emailオブジェクトは、type=emailが指定されたHTMLの<input>要素をJavaScriptから操作するためのオブジェクトです。このオブジェクトを使うことで、メールアドレス入力欄の値の取得・変更、各種属性の動的な制御が可能になります。 構文（Syntax） Input Emailオブジェクトを作成する基本的な構文は以下の通りです。 type=emailの<input>要素を生成する場合： var emailObject = document.createElement(input); emailObject.type = e