Css 计算div的高度，并将该数字放在伪元素内容后的：：中

我试图使用伪元素显示div的实际高度

css的主要思想是：

div:before{content:“此容器的高度为X像素高”}

X将以某种方式使用css或jquery计算-？此文本将显示在div旁边。

是否这样

document.querySelectorAll（'.SizDiv'）.forEach（xDiv=>{
xDiv.dataset.info=`_height=${xDiv.offsetHeight}px_`
})
/*第一项建议：
const myDiv=document.querySelector（“#my Div”）
myDiv.dataset.info=`此容器的高度为${myDiv.offsetHeight}像素高`
*/

.SizDiv{
宽度：300px；
背景颜色：橙色；
利润率：10px；
}
西兹迪夫：以前{
内容：attr（数据信息）；
颜色：深蓝色；
字号：0.8em；
}

B
C
D
E
F
G
H

B
C
D
G
J

B
C
K

代码的其余部分如何？（html，css）是的！我希望我还有一辈子的时间来学习javascript。非常感谢。有没有一种方法可以在不将data info=“something”添加到html中的情况下执行此操作？@tlrichman没有，[据我所知，]我认为除了使用父对象的某个属性之外，没有其他方法可以使用类而不是id？我们的目标是在多个div上使用它…太棒了。非常感谢你。