HTML

 Computer >> コンピューター >  >> プログラミング >> HTML
  1. HTML DOMのdoctypeプロパティとは？構文と使い方をわかりやすく解説

    HTML DOMのdoctypeプロパティは、現在のHTML文書に関連付けられているDTD（Document Type Declaration：文書型宣言）を返します。このプロパティは読み取り専用であり、文書型の名前をDocumentTypeオブジェクトとして取得します。なお、対象の文書にDTDが指定されていない場合は、nullが返されます。 構文 doctypeプロパティの基本構文は以下のとおりです。 document.doctype サンプルコード それでは、doctypeプロパティを使用した具体例を見ていきましょう。 <!DOCTYPE html> <html>

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

    HTML DOMのdocumentElementプロパティは、ドキュメントのルート要素（ドキュメント要素）を取得するために使用されるプロパティです。戻り値はElementオブジェクト型になります。HTML文書において、ドキュメント要素とはルート要素のことなので、<html>要素が該当します。なお、このプロパティは読み取り専用であり、値を代入することはできません。 構文 documentElementプロパティの基本構文は以下のとおりです。 document.documentElement 使用例 documentElementプロパティを使った具体的なサンプルコードを見てみましょう

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

    HTML DOM の domain プロパティは、現在ドキュメントが実行されているサーバーのドメイン名を取得するためのプロパティです。取得したドメイン名は文字列として返され、ドメインが識別できない場合には null が返されることもあります。 構文 domain プロパティの基本的な構文は以下の通りです。 document.domain 使用例 ここで、HTML DOM の domain プロパティを使用した具体的なサンプルコードを見てみましょう。 <!DOCTYPE html> <html> <body> <h1>domain プロパティの

  4. HTML DOM DragEvent(ドラッグイベント)の使い方を徹底解説

    HTML DOM DragEventとはHTML DOM DragEvent(ドラッグイベント)は、選択されたテキストや要素がドラッグ&ドロップされる際に実行されるイベントの一種です。このイベントはHTML5で新たに導入され、直感的なドラッグ&ドロップ操作を実装するために広く利用されています。プロパティHTML DOM DragEventには、以下のプロパティが用意されています。プロパティ説明dataTransferユーザーがドラッグまたはドロップしているデータを返します。構文DragEventの基本的な構文は以下のとおりです。Object.DragEventType= function_na

  5. HTML DOM DTオブジェクトとは？JavaScriptで動的に用語リストを生成する方法

    HTML DOM DTオブジェクトは、HTMLの<dt>要素（定義リスト内の「用語」を表す要素）に関連付けられたオブジェクトです。このDTオブジェクトを利用すると、JavaScriptを使って<dt>要素を動的に生成することができます。 構文 DTオブジェクトを作成するための基本的な構文は以下のとおりです。 var p = document.createElement(DT); サンプルコード それでは、HTML DOM DTオブジェクトの具体的な使用例を見ていきましょう。 <!DOCTYPE html> <html> <body>

  6. HTML DOMのembedsコレクションとは？プロパティ・メソッドと使い方を徹底解説

    HTML DOMのembedsコレクションは、HTMLドキュメント内に存在する<embed>要素をまとめて管理するためのコレクションです。このコレクションを利用することで、ドキュメント内の埋め込み要素の数を取得したり、特定の要素へアクセスしたりできます。なお、コレクション内の要素は、HTMLドキュメントに出現する順序と同じ順序で格納されます。 embedsコレクションのプロパティ embedsコレクションには、以下のプロパティが用意されています。 プロパティ説明 lengthコレクション内に存在する<embed>要素の数を返します。このプロパティは読み取り専用の

  7. HTML DOMのcookieプロパティとは？Cookieの作成・読み取り・削除方法を解説

    HTML DOM cookieプロパティとは HTML DOMのcookieプロパティは、Cookieの作成・読み取り・削除を行うために使用されます。Cookieは、Webサイトがユーザー固有の情報を記録・追跡するために活用される仕組みです。 このプロパティの戻り値は文字列型で、すべてのCookieがセミコロン（;）区切りのリストとして返されます。個々のCookieは「key=value」という形式のペアで構成されています。なお、Cookieはブラウザを閉じるとすぐに削除されますが、有効期限を指定すれば一定期間保持することも可能です。 構文 cookieプロパティを設定する場合の構文は以下のと

  8. HTML DOMのcreateAttribute()メソッドの使い方を解説

    HTML DOMのcreateAttribute()メソッドは、JavaScriptを使ってHTML要素に新しい属性を作成するためのメソッドです。指定した名前の属性を生成し、その属性をAttrオブジェクトとして返します。 構文 createAttribute()メソッドの構文は以下のとおりです。 document.createAttribute(attributename) サンプルコード ここで、HTML DOMのcreateAttribute()メソッドの使用例を見てみましょう。 <!DOCTYPE html> <html> <head> <tit

  9. HTML DOMのcreateComment()メソッドとは？使い方と実行例をわかりやすく解説

    HTML DOM の createComment() メソッドは、指定したテキストを含むコメントノードを作成するためのメソッドです。引数として、作成したいコメントの内容（文字列）を受け取ります。なお、コメントはブラウザ上には表示されないため、このメソッドを実行した後は、開発者ツールなどでHTMLドキュメントを確認しないと、作成されたコメントを見ることができません。構文createComment() メソッドの構文は以下の通りです。document.createComment( text );ここで text は文字列型で、コメントに追加したいデータを指定します。使用例それでは、createCo

  10. HTML DOMのcreateDocumentFragment()メソッドとは？基本と使い方を解説

    HTML DOMのcreateDocumentFragment()メソッドは、ドキュメントフラグメント（DocumentFragment）を作成するためのメソッドです。ドキュメントフラグメントはメモリ上に存在する軽量な「仮想」ノードであり、作成しただけではページのDOM構造に一切影響を与えません。 このドキュメントフラグメントを実際のDOMに追加（appendChild）すると、フラグメント自体が挿入されるのではなく、その中に含まれる子ノードだけが挿入されます。つまり、複数の要素をまとめて効率よく操作・追加したい場合に非常に便利な仕組みです。 createDocumentFragment()の

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

    HTML DOMのcreateElement()メソッドは、JavaScriptを使ってHTML要素を動的に生成するためのメソッドです。引数に要素名を指定すると、その要素ノードが新しく作成されます。なお、作成した要素を実際にDOMツリーの一部として反映させるには、appendChild()メソッドなどでドキュメントに追加する必要があります。 構文 createElement()メソッドの基本構文は以下の通りです。 document.createElement(nodename) 引数「nodename」には、生成したいHTML要素のタグ名（例：「BUTTON」「DIV」「P」など）を文字列で指

  12. HTML DOMのcreateEvent()メソッドとは？使い方を徹底解説

    HTML DOMのcreateEvent()メソッドは、イベントオブジェクトを生成するためのメソッドです。生成するイベントの種類は引数で指定します。なお、createEvent()で作成したイベントは、使用する前に必ず初期化する必要があります。また、作成したイベントをHTML要素へ通知（ディスパッチ）するには、対象のノードに対してdispatchEvent()メソッドを呼び出します。 構文 HTML DOM createEvent()メソッドの基本構文は以下のとおりです。 document.createEvent( eventType ) eventTypeは文字列型の必須パラメータで、生成

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

    HTML DOMのcreateTextNode()メソッドは、指定したテキストを持つテキストノードを新しく作成するために使用されるメソッドです。動的にHTML要素へテキストを追加したい場合に活用できます。サンプルコード以下は、createTextNode()メソッドを使用した具体的な例です。<!DOCTYPE html> <html> <body> <h2>createTextNode()のサンプル</h2> <p>下のボタンをクリックすると、テキスト付きのp要素が生成されます。</p> <button

  14. HTML DOMのDatalistオブジェクトとは？作成・アクセス方法を実例付きで解説

    HTML DOMのDatalistオブジェクトは、HTML5で導入された<datalist>要素に関連付けられたオブジェクトです。テキスト入力欄に入力候補のリストを提供したい場合に活用でき、JavaScriptから動的に生成・操作することも可能です。 構文 Datalistオブジェクトの基本的な構文は以下の通りです。 Datalistオブジェクトを作成する var p = document.createElement(DATALIST); Datalistオブジェクトにアクセスする var p = document.getElementById(demoDatalist); サンプ

  15. HTML DOM Datalistのoptionsコレクションとは？プロパティ・メソッドと使い方を解説

    HTML DOMのDatalist optionsコレクションは、HTMLの<datalist>要素内に含まれる<option>要素のコレクションを取得・操作するために使用されます。コレクション内の要素は、ドキュメント上に出現する順序と同じ順序で並びます。 Datalist optionsコレクションのプロパティ Datalist optionsコレクションには、以下のプロパティが用意されています。 プロパティ説明 lengthコレクション内に存在する<option>要素の数を返します。読み取り専用のプロパティです。 Datalist opt

  16. HTML DOM DDオブジェクトの基本と使い方をサンプルコード付きで解説

    HTML DOM の DD オブジェクトは、HTML ドキュメント内の定義リスト（<dl> 要素）の中に含まれる <dd> 要素に関連付けられたオブジェクトです。JavaScript を使うことで、この DD オブジェクトを動的に生成したり、既存の定義リストに追加したりすることができます。DDオブジェクトを作成する構文<dd> 要素に対応する DD オブジェクトは、document オブジェクトの createElement() メソッドを使って作成します。構文var p = document.createElement(DD);DDオブジェクトの使用例ここ

  17. HTML DOM console.groupCollapsed()メソッドの使い方をわかりやすく解説

    HTML DOMのconsole.groupCollapsed()メソッドは、折りたたまれた（collapsed）状態のメッセージグループの開始を指定するためのメソッドです。このメソッドを呼び出した後にコンソールへ出力したメッセージは、すべて折りたたまれたグループ内に表示されます。構文console.groupCollapsed()メソッドの構文は以下のとおりです。console.groupCollapsed(label)引数のlabelには、グループに表示するラベル名を指定します。ラベルは省略可能です。サンプルコードここで、console.groupCollapsed()メソッドの具体的な使

  18. HTML DOMのconsole.groupEnd()メソッドとは？使い方とサンプルコードを徹底解説

    HTML DOMのconsole.groupEnd()メソッドは、コンソール上で表示されるメッセージグループの「終了」を示すために使用されるメソッドです。このメソッドを呼び出すことで、現在開いているメッセージグループから抜け出し、以降の出力はグループの外側に表示されるようになります。構文console.groupEnd()メソッドの構文は以下の通りです。console.groupEnd()引数は不要で、非常にシンプルに使えます。また、開いているメッセージグループが存在しない状態で呼び出しても、エラーにはならない点も覚えておきましょう。サンプルコードそれでは、console.groupEnd()

  19. HTML DOMのconsole.info()メソッドとは？構文と使い方を実例付きで解説

    console.info()メソッドの概要HTML DOMのconsole.info()メソッドは、情報メッセージをコンソールに出力するためのメソッドです。デバッグやテストの際に非常に便利で、開発者がコードの動作状況を確認したいときに活用されます。なお、FirefoxやChromeなど一部のブラウザでは、このメソッドで出力されたメッセージの横に、青色の小さな「i」アイコンが表示されるという特徴があります。これにより、通常のconsole.log()による出力と視覚的に区別しやすくなっています。構文console.info()メソッドの基本構文は以下のとおりです。console.info( me

  20. HTML DOM console.log()メソッドとは？基本構文と使い方を実例で解説

    console.log()メソッドとはHTML DOMのconsole.log()メソッドは、メッセージをブラウザのコンソールに出力するために使用されるメソッドです。コンソールは主にデバッグやテストの目的で活用され、開発者がコードの動作を確認する際に欠かせないツールとなっています。出力できるメッセージは文字列型だけでなく、オブジェクト型や配列なども扱えるため、変数の中身を手軽にチェックできるのが特徴です。基本構文console.logメソッドの構文は以下のとおりです。console.log(msg)引数のmsgには、文字列・配列・オブジェクトなど任意の値を指定できます。また、カンマで区切ること

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