質問編集履歴
1
書式を改善しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,8 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
###該当のソースコード
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
```
|
|
14
14
|
|
|
15
|
+
// ↓ html
|
|
16
|
+
|
|
15
17
|
<!DOCTYPE html>
|
|
16
18
|
<html lang="ja">
|
|
17
19
|
<head>
|
|
@@ -30,15 +32,23 @@
|
|
|
30
32
|
</body>
|
|
31
33
|
</html>
|
|
32
34
|
|
|
33
|
-
|
|
35
|
+
```
|
|
34
36
|
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
// ↓ javascript
|
|
40
|
+
|
|
35
41
|
var f = document.getElementById('foo');
|
|
36
42
|
document.addEventListener('click', function(ev){
|
|
37
43
|
f.style.left = (ev.clientX-25)+'px'; //← エラー表示箇所
|
|
38
44
|
f.style.top = (ev.clientY-25)+'px';
|
|
39
|
-
},false);
|
|
45
|
+
},false);
|
|
46
|
+
|
|
47
|
+
```
|
|
40
48
|
|
|
49
|
+
```
|
|
50
|
+
|
|
41
|
-
|
|
51
|
+
// ↓ css
|
|
42
52
|
p{
|
|
43
53
|
padding-left: 60px;
|
|
44
54
|
}
|
|
@@ -53,6 +63,9 @@
|
|
|
53
63
|
left: 0;
|
|
54
64
|
transition: all 1s;
|
|
55
65
|
}
|
|
66
|
+
|
|
67
|
+
```
|
|
68
|
+
|
|
56
69
|
###試したこと
|
|
57
70
|
最初はコンテンツツリーが読み込まれて無いのかな？と素人ながら考え、
|
|
58
71
|
DOMContentLoaded も試してみたのですが、同じようにstyle null が表示され
|