如何在div中的选中文本下添加div？

在div中选中文本下添加div可以通过以下步骤实现：

1. 首先，需要使用JavaScript来获取选中的文本。可以使用window.getSelection()方法来获取当前页面中的选中文本。
2. 接下来，可以创建一个新的div元素，用于包裹选中的文本。可以使用document.createElement()方法来创建一个新的div元素。
3. 然后，可以使用window.getSelection().getRangeAt(0)方法获取选中文本的范围。
4. 使用范围的surroundContents()方法将选中的文本包裹在新创建的div元素中。
5. 最后，将新创建的div元素插入到选中文本的位置。可以使用范围的insertNode()方法将新创建的div元素插入到选中文本的位置。

下面是一个示例代码：

function wrapSelectedTextWithDiv() {
  var selectedText = window.getSelection().toString();
  var range = window.getSelection().getRangeAt(0);
  
  var div = document.createElement('div');
  div.textContent = selectedText;
  
  range.surroundContents(div);
}

// 调用函数来实现在选中文本下添加div
wrapSelectedTextWithDiv();

这样，选中的文本就会被包裹在一个新的div元素中。你可以根据需要自定义新创建的div元素的样式和属性。

注意：以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和调整。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和扩展云服务器实例。了解更多信息，请访问腾讯云云服务器（CVM）产品介绍。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，可用于存储和管理各种类型的数据。了解更多信息，请访问腾讯云对象存储（COS）产品介绍。