回答編集履歴
6
英単語に空白を追加
test
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
`h1`という変数が定義されていないという意味です。
|
|
9
|
+
`h1` という変数が定義されていないという意味です。
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
実際にxx行目を見ると`h1.textContent = h1_comment + "h1です001";`でエラーが出ています。
|
|
13
|
+
実際にxx行目を見ると `h1.textContent = h1_comment + "h1です001";` でエラーが出ています。
|
|
14
14
|
|
|
15
|
-
今回は`<h1 id="midashi">ここは</h1>`に文字列を足したいということなので、`h1.textaContent`ではなく`h1_comment.textContent`ではないでしょうか。
|
|
15
|
+
今回は `<h1 id="midashi">ここは</h1>` に文字列を足したいということなので、`h1.textaContent` ではなく `h1_comment.textContent` ではないでしょうか。
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
このElementオブジェクトから、欲しい情報を引き出して使います。
|
|
41
|
+
この Element オブジェクトから、欲しい情報を引き出して使います。
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
`textContent`は`Element`オブジェクト(実際には`Node`インタフェ
|
|
45
|
+
`textContent` は `Element` オブジェクト(実際には `Node` インターフェイス)のプロパティです。
|
|
46
46
|
|
|
47
|
-
なので、もし`h1_comment`からタグ内に書かれた文字を取得したい場合は、`h1_comment.textContent`のように書く必要があります。
|
|
47
|
+
なので、もし `h1_comment` からタグ内に書かれた文字を取得したい場合は、 `h1_comment.textContent` のように書く必要があります。
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
|
5
文章の修正
test
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
# h1_commentをconsole.log()などで
|
|
29
|
+
# h1_commentをconsole.log()などで確認すると[object HTMLHeadingElement]が表示される
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
4
コード修正
test
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
var h1_comment = document.getElementById( 'midashi' );
|
|
54
54
|
|
|
55
|
-
- h1.textContent = h1_comment + "h1です001";
|
|
55
|
+
- h1_comment.textContent = h1_comment + "h1です001";
|
|
56
56
|
|
|
57
57
|
+ h1_comment.textContent = h1_comment.textContent + "h1です001";
|
|
58
58
|
|
3
文章の修正やコード例の修正
test
CHANGED
|
@@ -12,9 +12,19 @@
|
|
|
12
12
|
|
|
13
13
|
実際にxx行目を見ると`h1.textContent = h1_comment + "h1です001";`でエラーが出ています。
|
|
14
14
|
|
|
15
|
-
今回は`<h1 id="midashi">ここは</h1>`に文字列を足したいということなので、`h1_comment
|
|
15
|
+
今回は`<h1 id="midashi">ここは</h1>`に文字列を足したいということなので、`h1.textaContent`ではなく`h1_comment.textContent`ではないでしょうか。
|
|
16
16
|
|
|
17
17
|
|
|
18
|
+
|
|
19
|
+
```diff
|
|
20
|
+
|
|
21
|
+
var h1_comment = document.getElementById( 'midashi' );
|
|
22
|
+
|
|
23
|
+
- h1.textContent = h1_comment + "h1です001";
|
|
24
|
+
|
|
25
|
+
+ h1_comment.textContent = h1_comment+ "h1です001";
|
|
26
|
+
|
|
27
|
+
```
|
|
18
28
|
|
|
19
29
|
# h1_commentをconsole.log()などで表示すると[object HTMLHeadingElement]が表示される
|
|
20
30
|
|
|
@@ -42,23 +52,9 @@
|
|
|
42
52
|
|
|
43
53
|
var h1_comment = document.getElementById( 'midashi' );
|
|
44
54
|
|
|
45
|
-
|
|
55
|
+
- h1.textContent = h1_comment + "h1です001";
|
|
46
56
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
if (select_val="001") {
|
|
50
|
-
|
|
51
|
-
- h1.textContent = h1_comment + "h1です001";
|
|
52
|
-
|
|
53
|
-
+
|
|
57
|
+
+ h1_comment.textContent = h1_comment.textContent + "h1です001";
|
|
54
|
-
|
|
55
|
-
} else if (select_val="002") {
|
|
56
|
-
|
|
57
|
-
- h1.textContent = h1_comment + "h1です002";
|
|
58
|
-
|
|
59
|
-
+ h1_comment.textContent = h1_comment.textContent + "h1です002";
|
|
60
|
-
|
|
61
|
-
}
|
|
62
58
|
|
|
63
59
|
```
|
|
64
60
|
|
2
文章の修正
test
CHANGED
|
@@ -61,3 +61,7 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
```
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
[jsfiddle](https://jsfiddle.net/kpqg90dy/)
|
1
書式の改善
test
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
問題点が2つ見つかったので分けて書きました。
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
# (index):xx Uncaught ReferenceError: h1 is not definedとエラーが発生する
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
3
|
-
`h1`という変数
|
|
9
|
+
`h1`という変数が定義されていないという意味です。
|
|
4
10
|
|
|
5
11
|
|
|
6
12
|
|
|
@@ -10,11 +16,19 @@
|
|
|
10
16
|
|
|
11
17
|
|
|
12
18
|
|
|
19
|
+
# h1_commentをconsole.log()などで表示すると[object HTMLHeadingElement]が表示される
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
13
|
-
ま
|
|
23
|
+
まず`h1_comment`が`[object HTMLHeadingElement]`なのは[Document.getElementById()](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById)の仕様です。
|
|
14
24
|
|
|
15
25
|
|
|
16
26
|
|
|
17
27
|
> Document の getElementById() メソッドは、 id プロパティが指定された文字列に一致する要素を表す Element オブジェクトを返します。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
このElementオブジェクトから、欲しい情報を引き出して使います。
|
|
18
32
|
|
|
19
33
|
|
|
20
34
|
|