HTML元素的大小

Vue.js进阶文章列表 

//test begin
      var div = document.getElementById("video_id");
      var hc = div.clientHeight; //可视内容高度为283像素
      var ho = div.offsetHeight; //占据页面总高度为400像素
      var hs = div.scrollHeight; //展开滚动内容总高度为452像素
      console.log("video_id可视内容高度为 hc=" + hc);
      console.log("video_id占据页面总高度为 hc=" + ho);
      console.log("video_id展开滚动内容总高度为 hc=" + hs);
      var wc = div.clientWidth; //可视内容宽度为283像素
      var wo = div.offsetWidth; //占据页面总宽度为400像素
      var ws = div.scrollWidth; //展开滚动内容总宽度为452像素
      console.log("video_id可视内容宽度为 hc=" + wc);
      console.log("video_id占据页面总宽度为 hc=" + wo);
      console.log("video_id展开滚动内容总宽度为 hc=" + ws);
      //test end