如何在父元素内插入一个元素，以包围已在父元素内的另一个子元素？

在父元素内插入一个元素，以包围已在父元素内的另一个子元素，可以使用以下步骤：

首先，获取到父元素和已存在于父元素内的子元素的引用。
创建一个新的元素，作为要插入的元素。
将要插入的元素添加到父元素中。
将已存在于父元素内的子元素移动到要插入的元素中。

下面是一个示例代码，使用JavaScript和HTML来实现上述步骤：

<!DOCTYPE html>
<html>
<head>
  <title>Insert Element</title>
</head>
<body>
  <div id="parent">
    <div id="child">已存在的子元素</div>
  </div>

  <script>
    // 获取父元素和子元素的引用
    var parent = document.getElementById("parent");
    var child = document.getElementById("child");

    // 创建要插入的元素
    var newElement = document.createElement("div");
    newElement.innerText = "新插入的元素";

    // 将要插入的元素添加到父元素中
    parent.appendChild(newElement);

    // 将已存在的子元素移动到要插入的元素中
    newElement.appendChild(child);
  </script>
</body>
</html>

在上述示例中，我们首先通过getElementById方法获取到父元素和子元素的引用。然后，使用createElement方法创建一个新的div元素，并设置其文本内容为"新插入的元素"。接下来，使用appendChild方法将新元素添加到父元素中。最后，使用appendChild方法将已存在的子元素移动到新插入的元素中。

这样，就成功在父元素内插入了一个新元素，并且该元素包围了已存在于父元素内的子元素。