ドキュメント : DOM

JavaScriptのDOMを解説します。DOMDOMの正式名称は『Document Object Model』です。WEBドキュメント（HTMLやXMLなど）をオブジェクトデータとして扱うインターフェースになります。※ インターフェースはソフトフェア等を繋げるための接点のイメージです。JavaScriptのDOMはHTMLやXMLなどのマークアップドキュメントを操作します。ノードノードはHTML

JavaScript/DOMの要素ノードを取得する方法を解説します。要素ノードの取得JavaScriptのDOMは、HTMLドキュメントの要素ノードを取得できます。取得にはタグ名や属性（idやclassなど）を指定します。タグ名タグ名を指定して要素ノードを取得できます。取得した値は配列（厳密には異なる）のような値で指定したタグ名の要素ノードを全て格納しています。そのため個別に要素ノードを取り出す必

JavaScript/DOMのノードの基本情報を取得するプロパティやメソッドを解説します。種類（nodeType）ノードの種類を取得するには、nodeTypeプロパティを使います。<div id="box"> <h1>JavaScriptとは</h1> <p>JavaScriptはプログラミング言語の１つです。</p><

JavaScript/DOMの属性操作を解説します。値の取得（属性名 / getAttribute）属性値の取得はプロパティとメソッドの２つの方法があります。プロパティ（属性名）<input id="item" type="text" name="content" required><script type="text/javascript"> let element

JavaScript/DOMのスタイル操作を解説します。styleプロパティstyleプロパティは要素のスタイルを表すプロパティです。要素ノードはstyleプロパティを所有し、このプロパティを通して各スタイルプロパティにアクセスできます。スタイル取得（style.プロパティ名）スタイルを取得するには、styleプロパティを使います。<h1 id="title" style="color: r

JavaScriptの関係ノードを取得する方法を解説します。関係ノードとあるノードに対して親や子、兄弟の関係を持つノードはメソッドを使って取得できます。親ノード（parentNode）ノードの親ノードを取得するには、parentNodeプロパティを使います。<div> <p>AAAAA</p> <p>BBBBB</p>

JavaScriptの関係要素ノードを取得する方法を解説します。関係要素ノードとあるノードに対して親や子、兄弟の関係を持つ要素ノードはプロパティで取得できます。親要素ノード（parentElement）ノードの親要素ノードを取得するには、parentElementプロパティを使います。<div> <p>AAAAA</p> <p>BBBBB

JavaScript/DOMのノード生成を解説します。要素ノード（createElement）要素ノードの生成はdocumentオブジェクトのcreateElementメソッドを使います。<script type="text/javascript"> let node = document.createElement('div'); console.log(node);&l

JavaScript/DOMにおけるノードの追加・置換・削除を解説します。追加最初の子ノード（prepend）ノードの最初の子ノードとして追加するには、prependメソッドを使います。<div id="box"> <p>TEXT</P></div><script type="text/javascript"> let box

JavaScriptのフォーム操作を解説します。フォーム操作JavaScriptでフォームの操作ができます。inputやtextareaの値を取得し、formの送信を行ないます。入力項目入力項目の値の取得や設定を行えます。テキスト（input[type="text"]）<input type="text">値の取得基本構文変数.valueサンプル<div> <i