// 前提: // <div> // <span id="childSpan">foo bar</span> // </div> // ID も属性も内容も持たない空要素を生成 const sp1 = document.createElement("span"); // 生成したノードに id 属性 'newSpan' を付与 sp1.id = "newSpan"; // 新しい要素にいくらかの内容を作成 const sp1_content = document.createTextNode("新しい置換 span 要素"); // その内容を新しい要素に適用 sp1.appendChild(sp1_content); // 置き換えられる既存のノードの参照を作る const sp2 = document.getElementById("childSpan"); const parentD