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