My TIPs for the programing

プログラミング学習記録

【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';