vue获取元素距离顶部的距离_JS获取各种宽高

前提条件
屏幕分辨率 1440 * 900 全屏下浏览器内部高度 1440 * 757
全屏下 浏览器高度 860 （扣除底部工具栏）

html / css

    * {
      margin: 0;
      padding: 0;
      border: 0;
    }
    .box {
      width: 300px;
      height: 150px;
      background-color: blue;
      padding: 10px;
    }
    .boxc {
      width: 200px;
      height: 100px;
      margin-top: 10px;
      background-color: red;
      border-top: 3px solid #cccccc;
    }

  <div class="box" id="box">
    <div class="boxc" id="boxc"></div>
  </div>

  let w, w2, w3, w4, w5, w6, w7, w8, w9, w10;
  let h, h2, h3, h4, h5, h6, h7, h8, h9, h10;

inner