CSS(スタイル)を変更する
index.html
<!DOCTYPE html><htmllang="ja"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><h1>JavaScript Practice</h1><dl><dt>今日の天気</dt><ddclass="weather">晴れ</dd></dl><script src="index.js"></script></body></html>
1,styleプロパティを「.(ドット)」でつなげたものに、スタイルの値を代入する
index.js// styleプロパティを「.(ドット)」でつなげたものに、スタイルの値を代入するletelement=document.querySelector(".weather");element.style.color="blue";
2,CSSのプロパティに「-(ハイフン)」を含む場合,直後のアルファベットを大文字にする
index.js// CSSのプロパティに「-(ハイフン)」を含む場合,直後のアルファベットを大文字にするelement.style.textDecoration="underline";
3,複数のスタイルを指定する場合
index.js// 複数のスタイルを指定する場合element.style.cssText="color:blue; text-decoration:underline;";