Skip to content

Commit 8fe76e9

Browse files
committed
レビュー反映
1 parent 2db315a commit 8fe76e9

File tree

1 file changed

+2
-7
lines changed

1 file changed

+2
-7
lines changed

docs/1-trial-session/13-dom/index.md

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -51,20 +51,15 @@ element.style.backgroundColor = "red";
5151
## DOM を用いて要素を追加する
5252

5353
`document.createElement` 関数は、引数に要素の種類を表す文字列を取り、その種類の新しい HTML 要素を作る関数です。`document.createElement` 関数の戻り値は、新しく作った HTML 要素に対応するオブジェクトです。
54-
55-
```js
56-
document.createElement("div");
57-
```
58-
59-
このままだと `textContent` が設定されていない (空文字列) ので、画面には何も表示されません。
54+
ただ、そのままだと `textContent` が設定されていない (空文字列) ので、画面には何も表示されません。
6055
`textContent``Hello World!` に設定してみましょう。
6156

6257
```js
6358
const newElement = document.createElement("div");
6459
newElement.textContent = "Hello World!";
6560
```
6661

67-
これでもまだ新しく作った要素は画面に表示されません
62+
しかし、新しく作った要素が画面に表示されていません
6863
これは、作成した要素が画面に表示されている HTML のどこにも追加されていないからです。
6964

7065
`要素1.appendChild(要素2)` とすることで、要素2を要素1の子要素に追加することができます。

0 commit comments

Comments
 (0)