File tree Expand file tree Collapse file tree 1 file changed +2
-7
lines changed
docs/1-trial-session/13-dom Expand file tree Collapse file tree 1 file changed +2
-7
lines changed Original file line number Diff line number Diff 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
6358const newElement = document .createElement (" div" );
6459newElement .textContent = " Hello World!" ;
6560```
6661
67- これでもまだ新しく作った要素は画面に表示されません 。
62+ しかし、新しく作った要素が画面に表示されていません 。
6863これは、作成した要素が画面に表示されている HTML のどこにも追加されていないからです。
6964
7065` 要素1.appendChild(要素2) ` とすることで、要素2を要素1の子要素に追加することができます。
You can’t perform that action at this time.
0 commit comments