html打印出来元素里的offsetHeight不为0,但打印出来offsetHeight为0

html打印出来元素里的offsetHeight不为0,但打印出来offsetHeight为0

img

应该是处理的时候异步,处理下边的时候因为当时数据还没出来,list是引用类型,所以可以看到数据,你可以检查一下先

都为 0 那说明 p 没高度 。

我试了下 没问题

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <p>5555</p>
  <p>5555</p>
</body>
<script>
  let list =document.querySelectorAll("p");
  list.forEach((item)=>{
    console.log(item.offsetHeight)
  })
  console.log(list)
</script>
</html>

img