5、动态修改段落 页面上本来有3个段落，当鼠标点击一个按钮时，实现将第2个段落变成一个H1标记

可以通过JavaScript来实现动态修改段落。以下是一个示例代码：

HTML代码：

<p>这是第一个段落。</p>
<p id="paragraph2">这是第二个段落。</p>
<p>这是第三个段落。</p>

<button onclick="changeParagraph()">修改段落</button>

JavaScript代码：

function changeParagraph() {
  var paragraph2 = document.getElementById("paragraph2");
  var newHeading = document.createElement("h1");
  var text = document.createTextNode(paragraph2.textContent);
  newHeading.appendChild(text);
  paragraph2.parentNode.replaceChild(newHeading, paragraph2);
}

当点击按钮时，`changeParagraph`函数会被调用。该函数首先获取第二个段落的元素，然后创建一个新的`h1`元素，并将第二个段落的文本内容添加到该元素中。最后，使用`replaceChild`方法将第二个段落替换为新的`h1`元素。