My TIPs for the programing

プログラミング学習記録

ノード操作

【javascript】スタイルプロパティーをDOMにて与えること。その注意点【キャメルケース】

javascriptにおけるDOMでは、以下のようにスタイルプロパティを設定します。 node.style.prop [= value] // node: 対象のノード prop: スタイルプロパティ value:設定値 .cssファイルで、次のようなスタイルを設定するとします。 { text-decoration: line-th…

【DOM】【javaScript】インラインスタイルにアクセス、操作する

これまで私が触れてきたCSSは.cssファイルにコードを記述し、<head>にてCSSファイルを読み込むものでした。 javascriptにおけるDOMでCSSを操作する場合、htmlファイル中のタグに直接スタイルの書き込みを行います。このやり方は「インラインスタイル」と呼ばれます</head>…

removeChileメソッドを用いてノードの削除

・ノードの削除 parent.removeChild(node)// parent: 親ノード node:削除対象のノード ~TIPs~ :nodeはparentの子ノードでないといけない :nodeは単体ノードでないといけない(基本的にノードの集合は推薦されていない)。従って頭の子ノードを繰り返し文を用い…

小ノードの取得

タグ指定による子ノードの取得は、他の親ノードにまで範囲を持つから、以下の方法を用いると良いでしょう。 子ノードを取得 parent.childNodes // 子ノードをすべて取得parent.firstChild // 一番最初の子ノードを取得parent.lastChild // 一番末尾の子ノー…

createElementメソッドを用いて新しいノードを生成する。

・新しいノードの生成document.createElement(name);// name: 要素名→単に生成するだけです。配置はされません 例) <script> const list = document.createElement("li") </script>