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

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

Answer 3

这是Fiddle

<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 4

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

以下是文档：https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements

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

4 个答案: