<!DOCTYPE html>
<html>
<body>
<h2>JavaScript HTML DOM</h2>
<h3>HTML要素を置き換えます。</h3>
<div id="div1">
<p id="p1">これは段落です。</p>
<p id="p2">これは段落です。</p>
</div>
<script>
const parent = document.getElementById("div1");
const child = document.getElementById("p1");
const para = document.createElement("p");
const node = document.createTextNode("This is new.");
para.appendChild(node);
parent.replaceChild(para,child);
</script>
</body>
</html>
