HTML

 Computer >> コンピューター >  >> プログラミング >> HTML
  1. HTML DOMのFigureオブジェクトとは？動的な作成方法と使い方を解説

    HTML DOMのFigureオブジェクトは、HTMLの<figure>要素を表現するために使用されるオブジェクトです。このオブジェクトを利用することで、JavaScriptからfigure要素を動的に作成したり、既存のfigure要素へアクセスして操作したりすることが可能になります。 構文（Syntax） Figureオブジェクトを作成するための基本的な構文は以下の通りです。 var p = document.createElement(FIGURE); documentオブジェクトのcreateElement()メソッドに「FIGURE」を指定することで、新しいfigure要素

  2. HTML DOMのfirstChildプロパティとは？使い方と注意点を解説

    HTML DOMのfirstChildプロパティは、特定のノードの最初の子ノードをノードオブジェクトとして返すために使用されます。返される内容は、最初の子ノードの種類に応じて、テキストノード・要素ノード・コメントノードのいずれかになります。なお、このプロパティは読み取り専用です。構文HTML DOM firstChildプロパティの基本構文は以下のとおりです。node.firstChildサンプルコードここで、firstChildプロパティの具体的な使用例を見てみましょう。<!DOCTYPE html> <html> <head> <script>

  3. HTML DOMのfirstElementChildプロパティとは？使い方とコード例を解説

    HTML DOMのfirstElementChildプロパティは、指定した要素の最初の子要素（エレメントノード）を取得するために使用されます。このプロパティが返すのは要素ノードのみであり、テキストノードやコメントノードは無視されます。また、読み取り専用のプロパティであるため、値を設定することはできません。 なお、子要素が存在しない場合は null が返される点にも注意してください。 構文 HTML DOM firstElementChildプロパティの構文は以下の通りです。 element.firstElementChild コード例 firstElementChildプロパティの具体的

  4. HTML DOMのfocus()メソッドとは？基本構文と使い方を実例付きで解説

    HTML DOMのfocus()メソッドは、指定したHTML要素にフォーカスを設定するために使用されるメソッドです。ただし、すべてのHTML要素にフォーカスを適用できるわけではありません。たとえば、<p>タグのようにフォーカスを受け付けない要素も存在します。また、要素からフォーカスを解除したい場合は、blur()メソッドを使用します。 focus()メソッドの主な活用シーン ページ読み込み時やフォーム表示時に、最初の入力欄へ自動的にカーソルを合わせる バリデーションエラーが発生した際に、該当する入力フィールドへフォーカスを移動する モーダルウィンドウを開いたときに、特定のボタンや

  5. HTML DOM Footerオブジェクトとは？使い方とサンプルコードを解説

    HTML DOM FooterオブジェクトとはHTML DOMのFooterオブジェクトは、HTMLの<footer>要素に対応するオブジェクトです。<footer>要素はHTML5で新たに導入されたセマンティックタグ（意味を持つタグ）の一種で、Webページやセクションの末尾に配置されるフッター領域を表します。一般的には、著作権表示、作者情報、関連リンクなどを記述するために使用されます。Footerオブジェクトを利用することで、documentオブジェクトのcreateElement()メソッドを使って新しい<footer>要素を動的に作成したり、getEl

  6. HTML DOMのフォームacceptCharsetプロパティの使い方をサンプルコード付きで解説

    HTML DOM の Form acceptCharset プロパティは、<form> 要素の accept-charset 属性に関連付けられたプロパティです。このプロパティを使用することで、フォームの accept-charset 属性値の取得と設定が可能になります。戻り値は文字列型で、そのフォームに設定されている文字エンコーディングが返されます。accept-charset 属性の値が指定されていない場合には「UNKNOWN」が返されます。これは、文字エンコーディングが現在の HTML ドキュメントの文字エンコーディングに設定されていることを示しています。構文acceptCh

  7. HTML DOM 入力パスワードのdefaultValueプロパティとは？使い方を徹底解説

    HTML DOM Input Password defaultValueプロパティとはHTML DOMのInput Password defaultValueプロパティは、パスワード入力フィールドのデフォルト値（defaultValue）を設定または取得するために使用されるプロパティです。要素のdefaultValueとは、HTMLのvalue属性に割り当てられた値を指します。よく似たプロパティに「value」がありますが、両者には重要な違いがあります。defaultValueプロパティは、最初に指定された元のデフォルト値を保持し続けるのに対し、valueプロパティはユーザーが入力フィールドに

  8. HTML DOM Input Password の disabled プロパティの使い方を徹底解説

    HTML DOM の Input Password disabled プロパティは、パスワード入力フィールドを無効化するかどうかを設定・取得するために使用されるプロパティです。真偽値（boolean）を扱い、true は要素を無効にすること、false は有効であることを表します。デフォルト値は false です。無効化された要素は自動的にグレーアウト表示され、クリックやキーボード操作を受け付けなくなります。 構文 disabled プロパティの設定は、以下の構文で行います。 passwordObject.disabled = true|false; true を指定するとパスワードフィール

  9. HTML DOM 入力パスワードのformプロパティとは？構文と使い方を実例で解説

    HTML DOM の Input Password（type=password の入力フィールド）における form プロパティは、そのパスワード入力フィールドを含むフォームへの参照を返すために使用されます。パスワード入力フィールドがフォームの外部に配置されている場合は、NULL が返されます。なお、このプロパティは読み取り専用です。 構文 Input Password の form プロパティの構文は次のとおりです。 passwordObject.form サンプルコード それでは、Input Password の form プロパティの具体的な使用例を見ていきましょう。 <!DOCT

  10. HTML DOM 入力パスワードのmaxLengthプロパティとは？使い方とサンプルコードを徹底解説

    HTML DOM の Input Password maxLength プロパティは、パスワード入力フィールド（<input type=password>）の maxlength 属性を設定または取得するために使用されるプロパティです。この maxLength プロパティを利用することで、パスワードフィールドにユーザーが入力できる最大文字数を指定したり、現在設定されている値を取得したりすることができます。構文maxLength プロパティを設定する場合passwordObject.maxLength = integerここで integer には、パスワードフィールドに入力できる最

  11. HTML DOM パスワード入力フィールドのnameプロパティとは？使い方を徹底解説

    HTML DOM の Input Password name プロパティは、パスワード入力フィールド（<input type=password>）の name 属性を設定または取得するために使用されるプロパティです。name 属性は、フォームデータがサーバーへ送信された後に、そのデータを識別するための重要な役割を果たします。また、JavaScript 側でも name 属性を利用してフォーム要素を参照し、後から動的に操作することが可能です。構文（Syntax）name プロパティの基本的な構文は以下のとおりです。name プロパティを設定する場合passwordObject.nam

  12. HTML DOMの強調（em）オブジェクトとは？作成方法と使い方をわかりやすく解説

    HTML DOMの強調（em）オブジェクトとはHTML DOMの強調オブジェクトは、HTMLの<em>要素に対応するオブジェクトです。<em>要素は、テキストの特定部分を強調するために使用され、ブラウザ上ではそのテキストが斜体（イタリック体）で表示されます。強調オブジェクトを作成するにはcreateElement()メソッドを使用し、既存の<em>要素へアクセスするにはgetElementById()メソッドを使用します。構文強調オブジェクトの作成var e = document.createElement(EM);サンプルコードここでは、ボタンをクリックす

  13. HTML DOMのexecCommand()メソッドとは？構文・コマンド一覧・使い方を解説

    execCommand()メソッドとはHTML DOMのexecCommand()メソッドは、ユーザーが選択した編集可能な領域に対して、指定されたコマンドを実行するためのメソッドです。ドキュメント内に編集可能な領域を用意するには、あらかじめdocument.designModeプロパティを設定しておく必要があります。なお、execCommand()メソッドは現在非推奨（Deprecated）の扱いとなっており、今後のブラウザで削除される可能性があります。新規開発では、Clipboard APIやSelection APIなど、より現代的なAPIの利用が推奨されています。ただし、レガシーコードの

  14. HTML DOM exitFullscreen()メソッドとは？使い方とサンプルコードを解説

    HTML DOMのexitFullscreen()メソッドは、現在フルスクリーンモードで表示されている要素を通常モードに戻すために使用します。なお、フルスクリーンモードにない要素に対して実行しても、何も起こりません。構文exitFullscreen()メソッドの構文は以下の通りです。HTMLElementObject.exitFullscreen()サンプルコードそれでは、exitFullscreen()メソッドの使用例を見てみましょう。<!DOCTYPE html> <html> <head> <style> var docEle =

  15. 【HTML DOM】fieldset要素のdisabledプロパティの使い方とサンプルコード

    fieldsetのdisabledプロパティとはHTML DOMのfieldset要素が持つdisabledプロパティは、そのfieldset内に含まれるフォーム部品をまとめて無効化するためのプロパティです。trueを設定すれば配下の要素がすべて無効になり、falseを設定すれば有効になります（初期状態は有効）。無効化された要素は多くのブラウザでグレー表示となり、ユーザーはクリックや文字入力を行えません。基本構文disabledプロパティに値を設定する場合は次のように記述します。fieldsetObj.disabled = true|false現在の設定値を取得する場合は以下のとおりです。fi

  16. HTML DOM Fieldsetのformプロパティとは？使い方とサンプルコードを解説

    HTML DOM の Fieldset form プロパティは、<fieldset> 要素が属しているフォームへの参照を Form オブジェクトとして返します。このプロパティは読み取り専用であり、指定された fieldset 要素がどのフォームにも属していない場合は null を返します。構文（Syntax）Fieldset の form プロパティを使用する際の基本構文は以下の通りです。fieldsetObject.formサンプルコード（Example）ここで、fieldset の form プロパティを使った具体的な例を見てみましょう。<!DOCTYPE html>

  17. HTML DOMのhasAttributes()メソッドとは？構文・使い方・サンプルコードを解説

    HTML DOMのhasAttributes()メソッドは、ある要素が属性（attribute）を1つでも持っているかどうかを判定するためのメソッドです。要素が属性を保持している場合はtrueを返し、1つも属性を持っていない場合はfalseを返します。また、このメソッドを要素ノード以外のノードに対して呼び出した場合、戻り値は常にfalseになるという特徴があります。 構文 hasAttributes()メソッドの基本構文は以下のとおりです。 node.hasAttributes() 引数は不要で、対象となるノードに対して直接呼び出すだけで、真偽値（Boolean）が返されます。 使用例 ここで

  18. HTML DOMのhasChildNodes()メソッドとは？子ノードの有無をチェックする方法

    HTML DOMのhasChildNodes()メソッドは、指定した要素が子ノードを持っているかどうかを判定するために使用されるメソッドです。要素に子ノードが存在する場合は「true」を返し、存在しない場合は「false」を返します。 なお、ノード内の空白（ホワイトスペース）はテキストノードとして扱われるため、子ノードとしてカウントされる点に注意が必要です。 構文 hasChildNodes()メソッドの構文は以下のとおりです。 node.hasChildNodes() 使用例 hasChildNodes()メソッドの具体的な使用例を見てみましょう。 <!DOCTYPE html>

  19. HTML DOM hasFocus()メソッドとは？フォーカス状態を判定する方法を解説

    HTML DOMのhasFocus()メソッドは、ドキュメントまたはその内部の要素がフォーカスを持っているかどうかを確認するために使用されます。このメソッドはブール値（true / false）を返し、trueであればドキュメントや要素がフォーカスを持っていること、falseであればフォーカスを持っていないことを表します。構文hasFocus()メソッドの構文は以下の通りです。document.hasFocus()サンプルコードそれでは、hasFocus()メソッドの具体的な使用例を見てみましょう。<!DOCTYPE html> <html> <body>

  20. HTML DOMのHashChangeEventとは？プロパティと使い方をわかりやすく解説

    HashChangeEventとはHTML DOMのHashChangeEventは、URLの「#」以降の部分（ハッシュ）が変更されたときに発生するイベントを表すインターフェースです。ページ全体を再読み込みすることなく、ハッシュの変化を検知して処理を実行できるため、シングルページアプリケーション（SPA）などでも活用されています。HashChangeEventのプロパティHashChangeEventには、以下の2つの主要なプロパティが用意されています。プロパティ説明newURLハッシュ変更後のドキュメントのURLを返します。oldURLハッシュ変更前のドキュメントのURLを返します。構文Ha

Total 2020 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:37/101  20-コンピューター/Page Goto:1 31 32 33 34 35 36 37 38 39 40 41 42 43