質問編集履歴
2
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -52,8 +52,6 @@
|
|
52
52
|
|
53
53
|
テンプレ化することで高速になると聞きましたが、約10回ほどの繰り返しの場合はどちらの方が早いのでしょうか。
|
54
54
|
|
55
|
-
あと、やはり、テキストで書くのではなく、createElementなどで作った方が良いのでしょうか。
|
56
|
-
|
57
55
|
```js
|
58
56
|
|
59
57
|
for (let i = 0; i < length|0; i=(i+1)|0) {
|
1
追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -43,3 +43,45 @@
|
|
43
43
|
また、子要素に追加するとき、insertAdjacentHTMLとappendChildどちらの方が高速なのでしょうか。
|
44
44
|
|
45
45
|
JSの基礎などでもいいので教えてください。
|
46
|
+
|
47
|
+
|
48
|
+
|
49
|
+
### 追記
|
50
|
+
|
51
|
+
教えていただいたFragmentを使って見ました。
|
52
|
+
|
53
|
+
テンプレ化することで高速になると聞きましたが、約10回ほどの繰り返しの場合はどちらの方が早いのでしょうか。
|
54
|
+
|
55
|
+
あと、やはり、テキストで書くのではなく、createElementなどで作った方が良いのでしょうか。
|
56
|
+
|
57
|
+
```js
|
58
|
+
|
59
|
+
for (let i = 0; i < length|0; i=(i+1)|0) {
|
60
|
+
|
61
|
+
let a = document.createElement("a");
|
62
|
+
|
63
|
+
a.href = json[i].link;
|
64
|
+
|
65
|
+
a.target = "_blank";
|
66
|
+
|
67
|
+
let div = document.createElement("div");
|
68
|
+
|
69
|
+
let strong = document.createElement("strong");
|
70
|
+
|
71
|
+
strong.innerText(json[i].title);
|
72
|
+
|
73
|
+
div.appendChild(strong)
|
74
|
+
|
75
|
+
let p = document.createElement("p");
|
76
|
+
|
77
|
+
p.innerText(json[i].snippet);
|
78
|
+
|
79
|
+
div.appendChild(p)
|
80
|
+
|
81
|
+
fragment.appendChild(div);
|
82
|
+
|
83
|
+
}
|
84
|
+
|
85
|
+
document.getElementById('test').appendChild(fragment);
|
86
|
+
|
87
|
+
```
|