javascript - 如何使用" auto"检查真正的宽度对CSS的价值

javascript - 如何使用" auto"检查真正的宽度对CSS的价值,第1张

我有一个循环:

var takediv = document.getElementById('eye');
for(var i=0; i<kategoria.length; i  ){
   takediv.innerHTML  =^
       '<img alt="' (kategoria.length-i) '" ' 
       'onclick="changef(this.alt)" ' 
       'src="mobile/img/pic/' loc "/mini/" kategoria[kategoria.length-i-1][0] '" ' 
       'style="cursor: pointer;"/>';
}

所有图片都有这个css:

  

身高:80px;   width:auto;

最后循环后我需要给div这个css

  

的document.getElementById(&#39;眼睛&#39)。style.width

这将是所有内在img widhts的总和

这是我在这里的第一篇文章,对于错误感到抱歉。 请帮忙,谢谢!

最佳答案:

2 个答案:

答案 0 :(得分:3)

您可以使用多种方法,例如getBoundingClientRect(),它返回位置和宽度/高度的绝对值:

var width = document.getElementById('eye').getBoundingClientRect().width;

请注意,它不包括边框或填充,只包含内框。

然后有getComputedStyle() - 这将返回一个后缀为&#34; px&#34;所以我们还需要使用parseInt()解析它:

var width = parseInt(getComputedStyle(document
                .getElementById('eye'))
                .getPropertyValue("width"), 10);

两者都以像素为单位返回大小。

和@Rudi的回答一样,有offsetWidthclientWidth。这不包括保证金。

答案 1 :(得分:1)

也许你正在寻找这个:

var width = document.getElementById('eye').offsetWidth;
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复