我希望能够记录每个.slide-text-overlay
元素的高度,但似乎没有显示任何值。简单的 for of 循环应该遍历每个类,只记录该类的 html,然后记录高度 - 但高度没有记录;相反,控制台中只是一个空行。
任何想法我在这里做错了什么?谢谢你的帮助
var overlays = document.querySelectorAll('.overlay');
for (let overlay of overlays) {
console.log(overlay);
console.log(overlay.style.height);
}
.overlay:first-of-type {
color: red;
width: 100px;
height: 50px;
background: orange;
}
.overlay:nth-of-type(2) {
color: blue;
width: 100px;
height: 75px;
background: pink;
}
<div class='overlay'>
overlay 1
</div>
<div class='overlay'>
overlay 2
</div>
在 JS 中使用偏移高度
var overlays = document.querySelectorAll('.overlay');
for (var i=0; i < overlays.length; i++) {
console.log(overlays[i].offsetHeight)
}
.overlay:first-of-type {
color: red;
width: 100px;
height: 50px;
background: orange;
}
.overlay:nth-of-type(2) {
color: blue;
width: 100px;
height: 75px;
background: pink;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='overlay'>
overlay 1
</div>
<div class='overlay'>
overlay 2
</div>
文档:https : //www.w3schools.com/jsref/prop_element_offsetheight.asp
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句