Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8822

JavaScript DOM操作でCSS(スタイル)の変更を行う

$
0
0

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;";

Viewing all articles
Browse latest Browse all 8822

Trending Articles