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

回答編集履歴

1

追記

2019/04/19 03:28

投稿

yambejp
yambejp

スコア117944

answer CHANGED
@@ -1,4 +1,38 @@
1
1
  ```javascript
2
2
  console.log(all);
3
3
  ```
4
- ってことですか?
4
+ ってことですか?
5
+
6
+ # sample
7
+ - allをcontentsの中に流し込むならこう
8
+ ```javascript
9
+ <script>
10
+ window.addEventListener('DOMContentLoaded', function(e){
11
+ var all = document.querySelector("#all");
12
+ var contents= document.querySelector("#contents");
13
+ contents.appendChild(all);
14
+ });
15
+ </script>
16
+ <div id = "all">
17
+ <p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
18
+ <p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
19
+ <p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
20
+ </div>
21
+ <div id = "contents">fugafugafugafugafugafugafugafugafugafugafugafugafugafuga</div>
22
+ ```
23
+ - allをcontentsの後ろに移動するならこう
24
+ ```javascript
25
+ <script>
26
+ window.addEventListener('DOMContentLoaded', function(e){
27
+ var all = document.querySelector("#all");
28
+ var contents= document.querySelector("#contents");
29
+ contents.parentNode.insertBefore(all,contents.nextSibling);
30
+ });
31
+ </script>
32
+ <div id = "all">
33
+ <p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
34
+ <p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
35
+ <p>hogehogehogehogehogehogehogehogehogehogehogehogehogehoge</p>
36
+ </div>
37
+ <div id = "contents">fugafugafugafugafugafugafugafugafugafugafugafugafugafuga</div>
38
+ ```