Как определить максимальное значение style width из нескольких повторяющихся div

[cartgen]

Здравствуйте.
Ребята, помогите чайнику. В Javascript я нуль.
Нужно определить максимальное значение style width (ширины) из нескольких повторяющихся div с одинаковым классом "pdf".

Наваял такое:

var count = document.getElementsByClassName('pdf').length;
var widths =[];
for (i = 0; i < count; ++i) {
  widths[i] = document.getElementsByClassName('pdf')[i].style.width.replace('px', ''); 
}
var maxWidth = Math.max.apply(null, widths);

Вроде работает. Проверьте, пожалуйста, правильно это или нет. Может как-то лучше можно?

[ksa]

Может как-то лучше можно?

Как минимум так

var o = document.getElementsByClassName('pdf');
var max=0;
for (var i = 0; i < o.length; ++i) {
  var val = o[i].style.width.replace('px', ''); 
  if (val>max) max=val;
}
alert(max);

[Diphenyl Oxalate]

хм

<div class="pdf" style="width: 100px;"></div>
<div class="pdf" style="width: 200px;"></div>
<div class="pdf" style="width: 300px;"></div>
<div class="pdf" style="width: 400px;"></div>
<div class="pdf" style="width: 5px;"></div>

<script>
var o = document.getElementsByClassName('pdf');
var max=0;
for (var i = 0; i < o.length; ++i) {
  var val = o[i].style.width.replace('px', ''); 
  if (val>max) max=val;
}
alert(max);

</script>

[рони]

scrollWidth

[ksa]

хм

Каюсь, не проверял...

<div class="pdf" style="width: 100px;"></div>
<div class="pdf" style="width: 200px;"></div>
<div class="pdf" style="width: 300px;"></div>
<div class="pdf" style="width: 400px;"></div>
<div class="pdf" style="width: 5px;"></div>
<script>
var o = document.getElementsByClassName('pdf');
var max=0;
for (var i = 0; i < o.length; ++i) {
	var val = o[i].style.width.replace('px', ''); 
	if (-val<-max) max=val;
};
alert(max);

[рони]

ksa,

<div class="pdf" style="width: 100px;"></div>
<div class="pdf" style="width: 200px;"></div>
<div class="pdf" style="width: 300px;"></div>
<div class="pdf" style="width: 400px;"></div>
<div class="pdf" style="width: 5px;"></div>

<script>
var o = document.getElementsByClassName('pdf');
var max=0;
for (var i = 0; i < o.length; ++i) {
  var val = +o[i].style.width.replace('px', ''); 
  if (val>max) max=val;
}
alert(max);

</script>

[ksa]

рони, обновленный вариант см.выше.

[рони]

<a href="/kv.php"></a>
<div class="pdf" style="width: 100px;"></div>
<div class="pdf" style="width: 200px;"></div>
<div class="pdf" style="width: 300px;"></div>
<div class="pdf" style="width: 400px;"></div>
<div class="pdf" style="width: 5px;"></div>

<script>
var o = document.getElementsByClassName('pdf');
var max=[].reduce.call(o,function(a,b) {
   return Math.max(a, b.scrollWidth)
},0);
alert(max);

</script>

[рони]

вариант см.выше

if (-val<-max) max=val;

с этим вариантом в max строка, может один плюс лучше, чем два минуса, мало ли складывать потом с чем-то этот max.

[ksa]

рони, просто хотел развеселить.