我想在点击btn时将带有样式(特定背景颜色)的元素(span或div)创建到父元素中？

您可以使用JavaScript来实现在点击按钮时将带有特定样式的元素创建到父元素中。以下是一个示例代码：

HTML部分：

<div id="parentElement">
  <!-- 这里是父元素 -->
</div>
<button id="btn">点击按钮</button>

JavaScript部分：

document.getElementById("btn").addEventListener("click", function() {
  var newElement = document.createElement("span"); // 创建一个新的<span>元素
  newElement.style.backgroundColor = "red"; // 设置背景颜色为红色（示例样式）
  document.getElementById("parentElement").appendChild(newElement); // 将新元素添加到父元素中
});

这段代码中，我们首先通过document.getElementById方法获取到按钮元素和父元素。然后，我们给按钮元素添加了一个点击事件监听器，当按钮被点击时，会执行回调函数。在回调函数中，我们使用document.createElement方法创建了一个新的span元素，并设置了其背景颜色为红色（这里只是示例样式，您可以根据需要自行修改）。最后，我们使用appendChild方法将新创建的元素添加到父元素中。

这样，当您点击按钮时，就会在父元素中创建一个带有特定样式的元素。