Как реализовать изменение параметров iframe на странице?

Question

[doriulbool]

Прошу накинуть идею, как можно реализовать изменение параметров ширины и высоты у всех iframe на странице в определенном блоке (в примере использую "main") через JS. Количество iframe объектов не имеет определенного количества. У iframe нет id. Проблема еще в том, чтобы организовать проверку на наличие самих iframe и доменного адреса в них, чтобы не "грузить" лишний раз страницу.
То, что было:

<div class="main">
<div class="content">
<div class="panel1">
<iframe src="http://****/iframe" width="100" height="20" frameborder="0" allowfullscreen></iframe>
</div>
<div class="panel2">
<iframe src="http://****/iframe" width="100" height="20" frameborder="0" allowfullscreen></iframe>
</div>
<div class="panel3">
<iframe src="http://****/iframe" width="100" height="20" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>

То, что должно быть:

<div class="main">
<div class="content">
<div class="panel1">
<iframe src="http://****/iframe" width="auto" height="20" frameborder="0" allowfullscreen></iframe>
</div>
<div class="panel2">
<iframe src="http://****/iframe" width="auto" height="20" frameborder="0" allowfullscreen></iframe>
</div>
<div class="panel3">
<iframe src="http://****/iframe" width="auto" height="20" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>