回答編集履歴
3
テキスト修正
test
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
上記では、`getElementsByClassName` の結果を入れる変数名を、elem**s** と複数形にし、
|
38
38
|
|
39
|
-
文字色変える対象の要素を、 `elems[0]` と、配列の要素を取得するのと同じ書き方で取得しています。
|
39
|
+
文字色を変える対象の要素を、 `elems[0]` と、配列の要素を取得するのと同じ書き方で取得しています。
|
40
40
|
|
41
41
|
|
42
42
|
|
2
テキスト修正
test
CHANGED
@@ -4,9 +4,7 @@
|
|
4
4
|
|
5
5
|
ひとつのHTMLドキュメント内に同じclassの要素は、ひとつとは限らず、複数存在することができます。
|
6
6
|
|
7
|
-
ですので、[getElementsByClassName](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName) は、指定したクラスに該当する複数の要素の集まり([HTMLCollection](https://developer.mozilla.org/ja/docs/Web/API/HTMLCollection))
|
8
|
-
|
9
|
-
を返します。
|
7
|
+
ですので、[getElementsByClassName](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName) は、指定したクラスに該当する複数の要素の集まり([HTMLCollection](https://developer.mozilla.org/ja/docs/Web/API/HTMLCollection)) を返します。
|
10
8
|
|
11
9
|
これを踏まえると、ご質問に挙げられているコードを修正する方法のひとつとしては、
|
12
10
|
|
@@ -36,8 +34,18 @@
|
|
36
34
|
|
37
35
|
|
38
36
|
|
37
|
+
上記では、`getElementsByClassName` の結果を入れる変数名を、elem**s** と複数形にし、
|
38
|
+
|
39
|
+
文字色変える対象の要素を、 `elems[0]` と、配列の要素を取得するのと同じ書き方で取得しています。
|
40
|
+
|
41
|
+
|
42
|
+
|
39
43
|
以下は上記と同じコードを jsFiddle に上げたものです。
|
40
44
|
|
41
45
|
|
42
46
|
|
43
47
|
[https://jsfiddle.net/jun68ykt/xwb5f803/1/](https://jsfiddle.net/jun68ykt/xwb5f803/1/)
|
48
|
+
|
49
|
+
|
50
|
+
|
51
|
+
以上参考になれば幸いです。
|
1
テキスト修正
test
CHANGED
@@ -2,9 +2,15 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
|
5
|
+
ひとつのHTMLドキュメント内に同じclassの要素は、ひとつとは限らず、複数存在することができます。
|
6
6
|
|
7
|
-
|
7
|
+
ですので、[getElementsByClassName](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName) は、指定したクラスに該当する複数の要素の集まり([HTMLCollection](https://developer.mozilla.org/ja/docs/Web/API/HTMLCollection))
|
8
|
+
|
9
|
+
を返します。
|
10
|
+
|
11
|
+
これを踏まえると、ご質問に挙げられているコードを修正する方法のひとつとしては、
|
12
|
+
|
13
|
+
以下のようにしてみるとよいかと思います。
|
8
14
|
|
9
15
|
|
10
16
|
|
@@ -27,3 +33,11 @@
|
|
27
33
|
changeColor("hi", "red");
|
28
34
|
|
29
35
|
```
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
以下は上記と同じコードを jsFiddle に上げたものです。
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
[https://jsfiddle.net/jun68ykt/xwb5f803/1/](https://jsfiddle.net/jun68ykt/xwb5f803/1/)
|