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

Здравствуйте.
Ребята, помогите чайнику. В 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);

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

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

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);

хм

<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

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

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

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

:write: :)

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

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

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