質問編集履歴
2
コードの内容を追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -48,9 +48,9 @@
|
|
48
48
|
|
49
49
|
#txt_right {
|
50
50
|
|
51
|
-
|
51
|
+
position: absolute;
|
52
52
|
|
53
|
-
|
53
|
+
left: 0;
|
54
54
|
|
55
55
|
}
|
56
56
|
|
@@ -74,9 +74,9 @@
|
|
74
74
|
|
75
75
|
<section>
|
76
76
|
|
77
|
-
|
77
|
+
<button onclick="btnClick();">押すとテキストが右に1pxずれるボタン</button>
|
78
78
|
|
79
|
-
|
79
|
+
<p id="txt_right">右に進みます</p>
|
80
80
|
|
81
81
|
</section>
|
82
82
|
|
@@ -86,15 +86,17 @@
|
|
86
86
|
|
87
87
|
</body>
|
88
88
|
|
89
|
-
<script>
|
89
|
+
<script>
|
90
90
|
|
91
|
-
|
91
|
+
var element = document.getElementById('txt_right');
|
92
92
|
|
93
|
-
|
93
|
+
var btnClick = function(){
|
94
94
|
|
95
|
-
element.style.left
|
95
|
+
var left = element.style.left.replace('px', '');
|
96
96
|
|
97
|
+
element.style.left = (parseInt(left) + 1) + 'px';
|
98
|
+
|
97
|
-
}
|
99
|
+
}
|
98
100
|
|
99
101
|
</script>
|
100
102
|
|
1
初心者アイコンをつけました
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|