teratail
回答率
85.36%
teratail header banner
teratail header banner
質問するログイン新規登録
トップJavaScriptに関する質問JavaScriptで複数styleを一括で指定するには？

編集履歴

回答編集履歴

5

削除

2021/02/19 05:50

投稿

hjds
hjds

スコア3

test CHANGED
@@ -1,43 +1 @@
1
- 色んなやり方があると思います
2
-
3
- 一例として
4
-
5
-
6
-
7
- Array.from(document.querySelectorAll('h1'), item => {
8
-
9
- item.style.fontSize = "50px";
10
-
11
- item.style.color = "red";
12
-
13
- item.style.textAlign = "center";
14
-
15
- });
16
-
17
-
18
-
19
- 複数あるものに対し、全て同じ指定をと解釈しましたが、
1
+ とんだ勘違いしてしまったようなので削除します。。。
20
-
21
- 一つに対し一括で指定する意味でしたか、、、
22
-
23
-
24
-
25
- css
26
-
27
- .hoge{
28
-
29
- font-size: 50px;
30
-
31
- color: red;
32
-
33
- text-align: center;
34
-
35
- }
36
-
37
-
38
-
39
- js
40
-
41
- title.classList.add("hoge");
42
-
43
- という手法もあります

4

訂正

2021/02/19 05:50

投稿

hjds
hjds

スコア3

test CHANGED
@@ -38,6 +38,6 @@
38
38
 
39
39
  js
40
40
 
41
- title.classLiad.add("hoge");
41
+ title.classList.add("hoge");
42
42
 
43
43
  という手法もあります

3

追記

2021/02/19 05:34

投稿

hjds
hjds

スコア3

test CHANGED
@@ -19,3 +19,25 @@
19
19
  複数あるものに対し、全て同じ指定をと解釈しましたが、
20
20
 
21
21
  一つに対し一括で指定する意味でしたか、、、
22
+
23
+
24
+
25
+ css
26
+
27
+ .hoge{
28
+
29
+ font-size: 50px;
30
+
31
+ color: red;
32
+
33
+ text-align: center;
34
+
35
+ }
36
+
37
+
38
+
39
+ js
40
+
41
+ title.classLiad.add("hoge");
42
+
43
+ という手法もあります

2

間違い

2021/02/19 05:34

投稿

hjds
hjds

スコア3

test CHANGED
@@ -13,3 +13,9 @@
13
13
  item.style.textAlign = "center";
14
14
 
15
15
  });
16
+
17
+
18
+
19
+ 複数あるものに対し、全て同じ指定をと解釈しましたが、
20
+
21
+ 一つに対し一括で指定する意味でしたか、、、

1

訂正

2021/02/19 05:29

投稿

hjds
hjds

スコア3

test CHANGED
@@ -13,23 +13,3 @@
13
13
  item.style.textAlign = "center";
14
14
 
15
15
  });
16
-
17
-
18
-
19
- もしくは
20
-
21
-
22
-
23
- Array.from(document.querySelectorAll('.h1'), item => {
24
-
25
- item.style.fontSize = "50px";
26
-
27
- item.style.color = "red";
28
-
29
- item.style.textAlign = "center";
30
-
31
- });
32
-
33
-
34
-
35
- どちからで動くと思います