質問編集履歴
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,9 +3,17 @@
|
|
|
3
3
|
|
|
4
4
|
---
|
|
5
5
|
いま <ul> 要素に <li> 要素を追加する処理を作成中なのですが、
|
|
6
|
-
DOM APIの createElement などのメソッドを使ってDOMを生成して追加するのと、
|
|
6
|
+
DOM APIの `Document.createElement()` などのメソッドを使ってDOMを生成して追加するのと、
|
|
7
7
|
|
|
8
|
+
```JavaScript
|
|
9
|
+
const ul = document.getElementsByTagName('ul')[0];
|
|
10
|
+
ul.innerHTML += '<li></li>';
|
|
11
|
+
```
|
|
12
|
+
や
|
|
13
|
+
```jQuery
|
|
8
|
-
|
|
14
|
+
$('ul').append( '<li></li>' );
|
|
15
|
+
```
|
|
16
|
+
のように
|
|
9
17
|
直接HTMLを書いてしまう方法にはどのような違いがありますか？
|
|
10
18
|
|
|
11
19
|
他のメンバーがあまりDOM操作の経験がないこともあり、
|
1
適切な質問文に訂正いたしました。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
DOM APIでのDOM生成と、
|
|
1
|
+
DOM APIでのDOM生成と、$.append()で直接追記することの違い
|
body
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
ご指摘ありがとうございます。適切な質問文に訂正いたしました。
|
|
2
|
+
jQueryで作業していたのですが、`$.append()`と`Element.appendChild()`は同じだと誤解していたため、質問文から省いてしまいました。
|
|
3
|
+
|
|
4
|
+
---
|
|
1
5
|
いま <ul> 要素に <li> 要素を追加する処理を作成中なのですが、
|
|
2
6
|
DOM APIの createElement などのメソッドを使ってDOMを生成して追加するのと、
|
|
3
7
|
|
|
4
|
-
```
|
|
5
|
-
ul.
|
|
8
|
+
`ul.innerHTML = '<li></li>';`や`$ul.append( '<li></li>' );`のように
|
|
6
|
-
|
|
9
|
+
直接HTMLを書いてしまう方法にはどのような違いがありますか？
|
|
7
10
|
|
|
8
|
-
のように直接HTMLを書いてしまう方法にはどのような違いがありますか？
|
|
9
|
-
|
|
10
11
|
他のメンバーがあまりDOM操作の経験がないこともあり、
|
|
11
12
|
可読性を考えたら直接書いてしまった方がいいかと思ったのですが、
|
|
12
13
|
皆さまのご意見を伺いたいです。
|