要素を作って追加する

JavaScript入門 / 全 5 枚

JavaScript入門 - 要素を作って追加する

createElement で新しい部品を作る

作品が 1 つ増えたら、一覧に行を足したくなります。まずは足す部品そのものを createElement で作ります。作った直後の部品は、中身が空の li が 1 つ手元にある状態です。

ここまで書いても、画面には何も出てきません。作った部品はまだ木の外にあるからです。

作った部品にも、いつもどおり textContent で文字を入れられます。

const li = document.createElement("li");
li.textContent = "ロゴデザイン";
console.log(li.textContent); // ロゴデザイン

1 / 5

← → キーでも送れます