質問編集履歴

2

文書の更正

2019/10/31 06:37

投稿

kentaka
kentaka

score0

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
   まず初めにスペルミスを疑いましたが、どの文献を参考にしてもスペルミスは発見できず、原因はスペルミスではないという判断をしました。
8
8
 
9
- これだけの短いコードでエラーを出しているということは、そもそもgetElementsByTagNameの理解の仕方を間違えているのだろうと考えましたが、ありとあらゆるネットと手持ちの参考書を参照しましたが、なぜこの書き方ではエラーが出てしまうのかの解決に至らなかったため、質問させていただきました。
9
+ これだけの短いコードでエラーを出しているということは、そもそもgetElementsByTagNameの理解の仕方を間違えているのだろうと考え、ありとあらゆるネットと手持ちの参考書を参照しましたが、なぜこの書き方ではエラーが出てしまうのかの解決に至らなかったため、質問させていただきました。
10
10
 
11
11
 
12
12
 

1

文章の更正

2019/10/30 21:07

投稿

kentaka
kentaka

score0

test CHANGED
@@ -1 +1 @@
1
- MAC環境のVertualbox内のcentOSの/var/www/html/を探しかたが解らない。
1
+ なぜgetElementsByTagNameでの要素の取得に失敗てしまうの
test CHANGED
@@ -1,33 +1,71 @@
1
- apacheでphpが動くかチェックする やり
1
+ ### getElementsByTagNameでhtml要素取得しようと試み
2
+
3
+  JavaScriptの学習の一環で簡単なゲームを作ろうと考えていたところ、それぞれ、getElementById、getElementsByTagNameでhtmlの要素を取得しようとしたところ、getElementByIdでの取得は問題なく進んでいるようであるにも関わらず、getElementsByTagNameで取得した場合は下記のようなUncaught TypeErrorが出てしまい、要素の取得に失敗していることがわかりました。
4
+
5
+  
6
+
7
+  まず初めにスペルミスを疑いましたが、どの文献を参考にしてもスペルミスは発見できず、原因はスペルミスではないという判断をしました。
8
+
9
+ これだけの短いコードでエラーを出しているということは、そもそもgetElementsByTagNameの理解の仕方を間違えているのだろうと考えましたが、ありとあらゆるネットと手持ちの参考書を参照しましたが、なぜこの書き方ではエラーが出てしまうのかの解決に至らなかったため、質問させていただきました。
2
10
 
3
11
 
4
12
 
5
- ```php
13
+ ### 発生している問題・エラーメッセージ
6
14
 
7
- phpinfo.php
8
15
 
9
- <?php
10
16
 
11
- phpinfo();
17
+ ```
12
18
 
19
+ Uncaught TypeError: b.addEventListener is not a function
20
+
13
- ?>
21
+ at window.onload
14
22
 
15
23
  ```
16
24
 
17
25
 
18
26
 
27
+ ### 該当のソースコード
28
+
29
+ ```html
30
+
19
- と書きたい
31
+ --略--
32
+
33
+ <p id="test">Test</p>
34
+
35
+ --略--
20
36
 
21
37
 
22
38
 
23
- /var/www/html/ にこのファイルを置いてlocalhostにアクセスすればphpinfoが見れる。
39
+ ```
24
40
 
25
41
 
26
42
 
27
- らしいのですが/var/www/html/をcentOS内で探すには自分のmacのdesktopから探すのですか?
28
-
29
- それともcentOS内のターミナルからcdで移動するのでしょうか?
43
+ ```js
30
44
 
31
45
 
32
46
 
47
+ window.onload = function() {
48
+
49
+ var a = document.getElementById('test');
50
+
51
+ var b = document.getElementsByTagName('p');
52
+
53
+
54
+
33
- ご教授いただけますと幸いです。
55
+ function hello() {
56
+
57
+ alert('Hello');
58
+
59
+ }
60
+
61
+
62
+
63
+ a.addEventListener('click', hello, false);
64
+
65
+ b.addEventListener('click', hello, false);//ここでエラーが出ている
66
+
67
+ }
68
+
69
+
70
+
71
+ ```