質問編集履歴
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,11 +8,27 @@
|
|
|
8
8
|
|
|
9
9
|
いま <ul> 要素に <li> 要素を追加する処理を作成中なのですが、
|
|
10
10
|
|
|
11
|
-
DOM APIの createElement などのメソッドを使ってDOMを生成して追加するのと、
|
|
11
|
+
DOM APIの `Document.createElement()` などのメソッドを使ってDOMを生成して追加するのと、
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
+
```JavaScript
|
|
16
|
+
|
|
17
|
+
const ul = document.getElementsByTagName('ul')[0];
|
|
18
|
+
|
|
19
|
+
ul.innerHTML += '<li></li>';
|
|
20
|
+
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
や
|
|
24
|
+
|
|
25
|
+
```jQuery
|
|
26
|
+
|
|
15
|
-
|
|
27
|
+
$('ul').append( '<li></li>' );
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
のように
|
|
16
32
|
|
|
17
33
|
直接HTMLを書いてしまう方法にはどのような違いがありますか？
|
|
18
34
|
|
1
適切な質問文に訂正いたしました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
DOM APIでのDOM生成と、append
|
|
1
|
+
DOM APIでのDOM生成と、$.append()で直接追記することの違い
|
test
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
|
+
ご指摘ありがとうございます。適切な質問文に訂正いたしました。
|
|
2
|
+
|
|
3
|
+
jQueryで作業していたのですが、`$.append()`と`Element.appendChild()`は同じだと誤解していたため、質問文から省いてしまいました。
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
1
9
|
いま <ul> 要素に <li> 要素を追加する処理を作成中なのですが、
|
|
2
10
|
|
|
3
11
|
DOM APIの createElement などのメソッドを使ってDOMを生成して追加するのと、
|
|
4
12
|
|
|
5
13
|
|
|
6
14
|
|
|
7
|
-
```
|
|
15
|
+
`ul.innerHTML = '<li></li>';`や`$ul.append( '<li></li>' );`のように
|
|
8
16
|
|
|
9
|
-
ul.appendChild( '<li></li>' );
|
|
10
|
-
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
17
|
+
直接HTMLを書いてしまう方法にはどのような違いがありますか？
|
|
16
18
|
|
|
17
19
|
|
|
18
20
|
|