如何在网格单元格上方添加文本？

<div class="grid-cell">
  <div class="text-overlay">文本内容</div>
  <!-- 网格单元格的内容 -->
</div>

.grid-cell {
  position: relative;
}

.text-overlay {
  position: absolute;
  top: -20px; /* 距离单元格顶部的偏移量 */
  /* 其他样式属性 */
}

<div class="grid-cell" id="cell">
  <!-- 网格单元格的内容 -->
</div>

var cell = document.getElementById("cell");
var textElement = document.createElement("div");
textElement.textContent = "文本内容";
textElement.classList.add("text-overlay");
cell.insertBefore(textElement, cell.firstChild);