我现在界面有一个样式结构<td class="available"><div><span>24</span><div></td>，它是el-date-picker组件中日期选择器下的一个日期元素，现在我想动态的，在</span><div>的位置插入一个新的div标签，class为blueIcon，并将 span{ width: 6px; height: 6px; border-radius: 50%; background-color: #409eff; posit

您可以使用jQuery或者原生JavaScript的DOM操作来动态插入新的div标签。以下是一个使用jQuery的示例代码：

// 找到具有class为"available"的td元素
var tdElement = $("td.available");

// 在span和div之间插入新的div标签
tdElement.find("span").after("<div class='blueIcon'></div>");

// 设置新插入的div的样式
tdElement.find(".blueIcon").css({
  "width": "6px",
  "height": "6px",
  "border-radius": "50%",
  "background-color": "#409eff",
  "position": "absolute",
  "top": "0",
  "right": "0"
});

如果您使用原生JavaScript，可以使用以下代码实现同样的效果：

// 找到具有class为"available"的td元素
var tdElement = document.querySelector("td.available");

// 创建新的div标签
var newDiv = document.createElement("div");
newDiv.className = "blueIcon";

// 找到span元素
var spanElement = tdElement.querySelector("span");

// 在span和div之间插入新的div标签
spanElement.parentNode.insertBefore(newDiv, spanElement.nextSibling);

// 设置新插入的div的样式
newDiv.style.width = "6px";
newDiv.style.height = "6px";
newDiv.style.borderRadius = "50%";
newDiv.style.backgroundColor = "#409eff";
newDiv.style.position = "absolute";
newDiv.style.top = "0";
newDiv.style.right = "0";