如何在HTML文档中的选定位置插入元素？

在HTML文档中的选定位置插入元素，可以通过JavaScript来实现。以下是一个简单的示例，展示了如何在指定元素后插入一个新元素：

<!DOCTYPE html>
<html>
<head>
 <title>插入元素示例</title>
 <script>
    function insertElement() {
      // 获取要插入元素的参考节点
      var referenceNode = document.getElementById("referenceNode");

      // 创建一个新元素
      var newElement = document.createElement("div");
      newElement.innerHTML = "这是一个新元素";

      // 在参考节点后插入新元素
      referenceNode.parentNode.insertBefore(newElement, referenceNode.nextSibling);
    }
  </script>
</head>
<body>
  <div id="referenceNode">这是参考节点</div>
 <button onclick="insertElement()">插入元素</button>
</body>
</html>

在这个示例中，我们首先通过getElementById方法获取到一个参考节点，然后创建一个新的div元素，并设置其innerHTML属性。接下来，我们使用insertBefore方法将新元素插入到参考节点的后面。

这只是一个简单的示例，实际应用中可以根据需求进行更复杂的操作，例如在指定位置插入多个元素、插入不同类型的元素等。同时，也可以使用现代前端框架（如React、Vue、Angular等）来更方便地操作DOM元素。