JSでhtmlノードを作成、管理する

TIL 22.02.18

const li = document.createElement("li");
const span = document.createElement("span");
li.appendChild(span);

document.createElement("li");
document.createElement()はhtml用のタグを生成します.
指定したtagNameの要素を作成するには
li.appendChild(span);
JSでhtmlに新しいノードを作成する
appendChild()は()の新しいノードをそのノードのサブノードの最後に追加する.
上記のコードについて、spanをliの最後のサブノードに追加します.
document.body.appendChild(li); ラーメンbodyの最後にliノードを追加します.
InsertBefore(,)は、特定のサブノードの前に新しいノードを追加します.
document.body.appendChild(li,span); ラーメンbodyは親で、子供の中でspanの前にliノードが追加されました.