回答編集履歴

3

さらに修正

2018/05/13 07:37

投稿

namnium1125
namnium1125

スコア2043

test CHANGED
@@ -24,9 +24,9 @@
24
24
 
25
25
  ```html
26
26
 
27
- <div id="p1" onMouseOver="dispItem('over','id')" onMouseOut="dispItem('out','p1')">大学案内</div>
27
+ <div id="p1" onMouseOver="dispItem('over','p1')" onMouseOut="dispItem('out','p1')">大学案内</div>
28
28
 
29
- <div id="p2" onMouseOver="dispItem('over','id')" onMouseOut="dispItem('out','p2')">学域・学部・大学院</div>
29
+ <div id="p2" onMouseOver="dispItem('over','p2')" onMouseOut="dispItem('out','p2')">学域・学部・大学院</div>
30
30
 
31
31
  <div id="p3" onMouseOver="dispItem('over','p3')" onMouseOut="dispItem('out','p3')">教育研究</div>
32
32
 

2

コードの追記

2018/05/13 07:37

投稿

namnium1125
namnium1125

スコア2043

test CHANGED
@@ -14,4 +14,54 @@
14
14
 
15
15
 
16
16
 
17
- よく見るとここもおかしいですね。`id="id"`というコードは見当たりませんが。。。対象としたい要素はどれですか?
17
+ よく見るとここもおかしいですね。`id="id"`というコードは見当たりません。~~が。。。対象としたい要素はどれですか?~~
18
+
19
+
20
+
21
+ 以下のように修正した場合はどうでしょうか?
22
+
23
+
24
+
25
+ ```html
26
+
27
+ <div id="p1" onMouseOver="dispItem('over','id')" onMouseOut="dispItem('out','p1')">大学案内</div>
28
+
29
+ <div id="p2" onMouseOver="dispItem('over','id')" onMouseOut="dispItem('out','p2')">学域・学部・大学院</div>
30
+
31
+ <div id="p3" onMouseOver="dispItem('over','p3')" onMouseOut="dispItem('out','p3')">教育研究</div>
32
+
33
+ ```
34
+
35
+
36
+
37
+ ```js
38
+
39
+ function dispItem(mode, id){
40
+
41
+ var elm = document.getElementById(id);
42
+
43
+ if( mode == "over" ){
44
+
45
+ // 背景色の変更
46
+
47
+ elm.style.backgroundColor = "#CCC";
48
+
49
+ // 文字色の変更
50
+
51
+ elm.style.color = "#000";
52
+
53
+ }else{
54
+
55
+ // 背景色の変更
56
+
57
+    elm.style.backgroundColor = "#000";
58
+
59
+ // 文字色の変更
60
+
61
+ elm.style.color = "#FFF";
62
+
63
+ }
64
+
65
+ }
66
+
67
+ ```

1

追記

2018/05/13 07:36

投稿

namnium1125
namnium1125

スコア2043

test CHANGED
@@ -1 +1,17 @@
1
1
  `elm.backgroundColor` -> `elm.style.backgroundColor` ではないでしょうか?
2
+
3
+
4
+
5
+ #
6
+
7
+
8
+
9
+ 追記
10
+
11
+
12
+
13
+ `var elm = document.getElementById( "id" );`
14
+
15
+
16
+
17
+ よく見るとここもおかしいですね。`id="id"`というコードは見当たりませんが。。。対象としたい要素はどれですか?