javascript - 如何获取html内容宽度而不是窗口宽度

Question

我想检索 html 内容宽度。假设当我们将窗口调整为更小的尺寸时，滚动条出现了，所以我想获得整个可见的 html 内容内容的宽度以及由于垂直滚动条而不可见的内容。

Answer 1

你可以试试这个：-

var width = document.getElementById('foo').offsetWidth;

试试这个代码：

window.moveTo(0,0);
window.resizeTo(screen.width,screen.height);
var navButtonsEtcHeight = screen.height - window.innerHeight;
var navButtonsEtcWidth = screen.width - window.innerWidth;

Answer 2

这是一个小提琴

<div></div>


$(function() {

  var dWth = $(document).innerWidth(),
      dHgt = $(document).innerHeight();

  $('div').append('<h2>'+dWth+'px X '+dHgt+'px</h2>');

  $(window).resize(function() {

     var dWth = $(document).innerWidth(),
         dHgt = $(document).innerHeight();

     $('div').html('<h2>'+dWth+'px X '+dHgt+'px</h2>');
  });

});

$(window).width();     // 返回浏览器视口的
$(document).width();宽度 // 返回 HTML 文档的宽度

Answer 3

您可以使用window.outerWidth和window.innerWidth。

Answer 4

您需要 Element.clientWidth 属性。它给出了元素的内容宽度。

这是文档：https ://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Det​​ermining_the_dimensions_of_elements