【DOM】【javaScript】インラインスタイルにアクセス、操作する
これまで私が触れてきたCSSは.cssファイルにコードを記述し、<head>にてCSSファイルを読み込むものでした。
javascriptにおけるDOMでCSSを操作する場合、htmlファイル中のタグに直接スタイルの書き込みを行います。このやり方は「インラインスタイル」と呼ばれます。
(インラインスタイル例)
<p id="target" style="color:Blue">DIVE INTO CODE</p>
インラインスタイルにアクセスするには、styleプロパティーを用います。
const target = document.getElementById("target");
target.style.color = 'Yellow';