HTML

isDefaultNamespace()メソッドとはHTML DOMのisDefaultNamespace()メソッドは、指定された名前空間がデフォルト名前空間であるかどうかを判定し、その結果を真偽値（true/false）で返すメソッドです。補足：要素ノードは親ノードの名前空間を継承するため、XHTML文書内のすべての要素のnamespaceURIは「https://www.w3.org/1999/xhtml」になります。構文isDefaultNamespace()メソッドの基本的な書き方は以下のとおりです。document.documentElement.isDefaultNamespac

HTML DOMのisEqualNode()メソッドは、指定した2つのノードが等しいかどうかを判定し、その結果をブール値（true / false）で返すメソッドです。ノード同士の比較を行いたい場面で活用できます。 構文 isEqualNode()メソッドの基本的な書き方は以下の通りです。 firstNode.isEqualNode(secondNode) 注意：「firstNode」と「secondNode」が等しいとみなされるのは、両者が同じノードタイプを持ち、同じ属性と属性値を備えている場合のみです。さらに、子ノード（childNodes）が存在する場合は、それらもすべて同一である必

isSameNode()メソッドとはHTML DOMのisSameNode()メソッドは、2つのノードが同一のノードであるかどうかを判定し、その結果をブール値（true/false）で返します。注意： isSameNode()メソッドは現在非推奨（deprecated）となっています。そのため、代わりに「===」演算子を使用することが推奨されています。構文isSameNode()メソッドの構文は以下の通りです。nodeOne.isSameNode(NodeTwo)サンプルコードisSameNode()メソッドの具体的な使用例を見てみましょう。以下の例では、リストの最初の項目がクリケットのトロフ

イタリックオブジェクトとはHTML DOM のイタリック（Italic）オブジェクトは、テキストを斜体（イタリック体）で表示する <i> 要素を表すオブジェクトです。JavaScript を使って動的に <i> 要素を生成し、ページ上のテキストを斜体に変換したい場合に活用できます。構文（Syntax）<i> 要素を作成する基本的な構文は以下の通りです。var italicObject = document.createElement(I);document.createElement() メソッドの引数に I を指定することで、新しい <i> 要

HTML DOMのitem()メソッドは、ノードリスト（NodeList）オブジェクトから指定した位置のノードを取得して返すメソッドです。ポイント： item()メソッドは、ノードリストオブジェクトに対してインデックス値を指定し、該当するノードを取り出すために使用します。これは、ノードリストに「[index]」という形でインデックス値を渡してノードを取得するのと全く同じ動作になります。構文item()メソッドの基本的な構文は以下の通りです。引数には0から始まるインデックス番号を指定します。nodeListObject.item(index)サンプルコードここでは、item()メソッドを使った具

KbdオブジェクトとはHTML DOMのKbdオブジェクトは、HTMLの<kbd>要素に対応するオブジェクトです。<kbd>要素は、ユーザーがキーボードから入力するテキスト（キー入力やコマンドなど）を表すインライン要素で、デフォルトでは等幅フォント（モノスペースフォント）で表示されます。JavaScriptを使ってこのオブジェクトを操作することで、ページ上に動的にキーボード入力を表す要素を生成したり、スタイルを変更したりすることが可能です。構文<kbd>要素を新しく作成するための基本構文は以下のとおりです。var kbdObject = document.c

HTML DOM の Input Week stepUp() メソッドは、<input type=week> で作成された週フィールドの値を、指定した週数だけ増加させるためのメソッドです。JavaScript から呼び出すことで、ユーザー操作なしに週の値を動的に進めることができます。stepUp() メソッドの構文stepUp() メソッドの基本的な構文は以下のとおりです。inputWeekObject.stepUp(number)引数 number には、増加させたい週数を数値で指定します。この引数は省略可能で、省略した場合のデフォルト値は 1 になります。つまり、引数なしで呼び

はじめにHTML DOM の Input Week type プロパティは、週（week）型入力フィールドの type 属性を取得・設定するためのプロパティです。このプロパティを使うことで、JavaScript から対象の入力要素がどの種類（type）であるかを確認したり、別の type 値に変更したりすることができます。 構文 type プロパティの基本的な構文は以下の通りです。 値を取得する場合 inputWeekObject.type 要素の type 属性の現在値が文字列として返されます。 値を設定する場合 inputWeekObject.type = stringValue 指定した

Input Week の value プロパティとはHTML DOM の Input Week value プロパティは、<input type=week> で作成された入力フィールドの value 属性が定義されている場合に、その値を文字列として返します。さらに、このプロパティに新しい文字列を代入することで、週の値を動的に変更することも可能です。value の値は「YYYY-Www」という形式（例：2021-W35）で表され、年と、その年の何週目にあたるかを組み合わせた文字列になります。構文value プロパティの基本的な構文は以下のとおりです。値を取得する（文字列を返す）inp

HTML DOM の inputEncoding プロパティは、解析対象となる HTML ドキュメントの文字エンコーディングを取得するためのプロパティです。取得した値は上書き（書き換え）することもできます。 構文 inputEncoding プロパティの基本構文は以下のとおりです。 HTML ドキュメントの文字エンコーディングを取得する場合： document.inputEncoding 使用例 それでは、inputEncoding プロパティの具体的な使用例を見てみましょう。次のサンプルコードでは、ボタンをクリックすると、現在のドキュメントに設定されている文字エンコーディングが画面に表示され

HTML DOMのInputEventオブジェクトが持つdataプロパティは、テキストフィールドなどへの入力イベントで実際にタイプされた文字（文字列）を取得するためのプロパティです。ユーザーが入力した最新の1文字を参照できるため、リアルタイム入力チェックやバリデーション処理に活用できます。構文（シンタックス）dataプロパティの基本的な構文は以下の通りです。テキストフィールドに入力された最新の文字を取得する場合：event.dataサンプルコードここでは、InputEvent dataプロパティを使った具体的な例を見てみましょう。次のコードでは、テキストフィールドに入力された文字が「A」かどう

HTML DOMのInputEventオブジェクトが持つinputTypeプロパティは、テキスト入力フィールドで発生した入力イベントの種類（操作内容）を文字列として返します。このプロパティを活用することで、ユーザーが「文字を入力した」のか「削除した」のかといった具体的な操作を判別できます。主なinputTypeの値insertText … テキストを入力（挿入）した場合に返されます。deleteContentBackward … Backspaceキーで前方の文字を削除した場合に返されます。deleteContentForward … Deleteキーで後方の文字を削除した場合に返されます。i

InputEventオブジェクトとはInputEventオブジェクトは、フォーム要素などのコンテンツが変化した際に発生するイベントを表すオブジェクトです。テキストボックスへの文字入力・削除・貼り付けなど、ユーザーによるあらゆる編集操作を「inputイベント」として受け取り、JavaScript側で処理することができます。InputEventの主なプロパティ・メソッドInputEventでは、以下のプロパティやメソッドを利用できます。プロパティ／メソッド説明data挿入された文字に対応する文字列を返します。dataTransfer挿入・削除されたデータに関する情報を含むオブジェクトを返します。g

HTML DOM の ins 要素が持つ cite プロパティは、テキストが挿入された理由を説明するドキュメント（引用元）のURLを返します。このプロパティを使うことで、挿入されたテキストの出典情報をJavaScriptから動的に取得できます。 構文 構文は以下のとおりです。 文字列値を返す場合 insObject.cite サンプルコード ins cite プロパティの具体的な使用例を見てみましょう。ボタンをクリックすると、ins要素に設定された引用元URLが画面に表示されます。 <!DOCTYPE html> <html> <head> <titl

HTML DOM の ins dateTime プロパティは、<ins> 要素によって挿入されたテキストの挿入日時(日付と時刻)を文字列として返します。ドキュメントの変更履歴を追跡・表示したい場合に役立つプロパティです。構文ins dateTime プロパティの構文は以下の通りです。文字列値を返します。insObject.dateTime例ins dateTime プロパティの具体的な使用例を見てみましょう。以下のサンプルコードでは、ボタンをクリックすると、<ins> 要素の datetime 属性に設定された値を「日付」と「時刻」に分割して画面に表示します。<!

HTML DOMのinsertAdjacentElement()メソッドは、基準となるノードを起点として、指定した位置に新しい要素を挿入するためのメソッドです。本記事では、基本的な構文から、挿入位置を指定する4つのキーワード、実際に動作するサンプルコードまで、わかりやすく解説します。 構文 insertAdjacentElement()メソッドは、第1引数に挿入位置を表す「positionString」、第2引数に挿入対象の「element」を指定して呼び出します。 node.insertAdjacentElement("positionString", element

HTML DOM の Input Week disabled プロパティは、週入力フィールド（<input type=week>）が有効（enabled）か無効（disabled）かを設定・取得するためのプロパティです。フォームの入力欄を一時的に操作できない状態にしたり、条件に応じて入力を受け付けられるように切り替えたりする際に活用できます。 構文 基本的な構文は以下のとおりです。 ブール値（true / false）を取得する場合 inputWeekObject.disabled disabled にブール値を設定する場合 inputWeekObject.disabled

HTML DOM Input Week form プロパティとはHTML DOM の Input Week form プロパティは、<input type=week> 要素が含まれている親フォーム（enclosing form）への参照を返します。このプロパティを使うことで、JavaScript から入力フィールドがどのフォームに属しているかを取得し、フォームの ID やその他のプロパティにアクセスすることができます。構文（シンタックス）form オブジェクトへの参照を返す場合の構文は以下の通りです。inputWeekObject.form使用例それでは、Input Week fo

HTML DOM Input Week の max プロパティは、<input type=week> 要素に設定されている max 属性の値を取得（return）または設定（set）するためのプロパティです。この属性を使うことで、ユーザーが選択できる週の上限（最も遅い週）を指定できます。 構文（Syntax） max プロパティの基本的な構文は以下のとおりです。 値を取得する場合 inputWeekObject.max 値を設定する場合 max 属性に文字列値を代入します。 inputWeekObject.max = YYYY-Www 指定できる文字列値 max プロパティに設定で

HTML DOM の Input Week（週選択フィールド）オブジェクトが持つ min プロパティは、<input type="week"> 要素に設定された min 属性の値を取得（return）または設定（set）するためのものです。min 属性を活用することで、ユーザーが選択できる最も早い週を制限できます。基本情報対象：<input type="week"> 要素役割：min 属性の読み取りと書き込み戻り値：週を表す文字列（YYYY-Www 形式）構文min プロパティの基本的な使い方は、以下の 2 パターンです。1. 値