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

回答編集履歴

2

chousei

2021/06/10 11:13

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -3,4 +3,29 @@
3
3
  既存のDOMをappendChildするということは移動するということです
4
4
  ulにh1~h3をそのままアペンドするというのもありえません
5
5
  何を引き継ぎたいかわかりませんが、h1~h3の中の必要な情報を
6
- liに書き出してください
6
+ liに書き出してください
7
+
8
+ # sample
9
+ ```javascript
10
+ <script>
11
+ window.addEventListener('DOMContentLoaded', ()=>{
12
+ document.querySelector('#test_section').querySelectorAll('h1,h2,h3').forEach(x=>{
13
+ const li=Object.assign(document.createElement('li'),{textContent:x.textContent});
14
+ document.querySelector('#test_ul').appendChild(li);
15
+ });
16
+ });
17
+ </script>
18
+ <div id="test_section">
19
+ <div id="test_div1">
20
+ <h1>h1 a</h1>
21
+ <h2>h2 b</h2>
22
+ <h3>h3 c</h3>
23
+ <h3>h3 d</h3>
24
+ <h2>h2 e</h2>
25
+ <h3>h3 f</h3>
26
+ <h3>h3 g</h3>
27
+ </div>
28
+ <ul id="test_ul">
29
+ </ul>
30
+ </div>
31
+ ```

1

調整

2021/06/10 11:13

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -1,3 +1,6 @@
1
1
  > ulタグにappendChild
2
2
 
3
- 既存のDOMをappendChildするということは移動するということです
3
+ 既存のDOMをappendChildするということは移動するということです
4
+ ulにh1~h3をそのままアペンドするというのもありえません
5
+ 何を引き継ぎたいかわかりませんが、h1~h3の中の必要な情報を
6
+ liに書き出してください