teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

追記

2020/12/05 19:27

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -4,4 +4,32 @@
4
4
 
5
5
  appendChildでその要素のidのケツに追加はできますが、
6
6
  追加した要素の前に追加していく形にしたいです
7
- ご存じの方いらっしゃいませんでしょうか?
7
+ ご存じの方いらっしゃいませんでしょうか?
8
+
9
+ 下記コードですと押す度に
10
+ 0番目 ケツに追加していくのではなく前に追加していきたい
11
+ 1番目 ケツに追加していくのではなく前に追加していきたい
12
+ 2番目 ケツに追加していくのではなく前に追加していきたい
13
+
14
+ となりますが、これを
15
+
16
+ 2番目 ケツに追加していくのではなく前に追加していきたい
17
+ 1番目 ケツに追加していくのではなく前に追加していきたい
18
+ 0番目 ケツに追加していくのではなく前に追加していきたい
19
+
20
+ と上に追加されていく形にしたいです
21
+
22
+ ```javascript
23
+ <script>
24
+ var i=0;
25
+ function add(){
26
+ div=document.createElement('div');
27
+ div.innerText=i+'番目 ケツに追加していくのではなく前に追加していきたい';
28
+ area.appendChild(div);
29
+ i++;
30
+ }
31
+ </script>
32
+
33
+ <div id="area"></div>
34
+ <input type="button" value="追加" onclick="add()">
35
+ ```