JavaScript - 使用px获取元素高度值

Question

所以我的目标是获得px元素的高度。

我已经知道我的身高值，但没有带上xp。

这就是我为获得价值所做的工作：

  let elemHeight = document.querySelector(".user-name").clientHeight;

  console.log(elemHeight);

我需要一些帮助来弄清楚如何获得px。

谢谢！

Answer 1

clientHeight是px值，因此使用连接可以执行以下操作：

＆＃13;

＆＃13;

let elemHeight = document.querySelector(".user-name").clientHeight;
let elemHeightPx = elemHeight + 'px';
console.log(elemHeightPx);

＆＃13;

<div class="user-name">
  Show me the px value in the box below!
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这个：

var css = document.querySelector('.user-name');
console.log(window.getComputedStyle(css).height);