Передача атрибутов дочерним div
Уважаемые мастера JS,
Только недавно стал серьезно работать с яваскриптом и у меня уже возникли затруднения. Есть div с именем parent, у него множество дочерних безымянных div. Им необходимо задать один атрибут. В общем:
<!DOCTYPE HTML>
<html><body>
<div id="parent" style="width:200px; height:200px; border: solid 2px red;">
<div> 1 </div>
<div> 2 </div>
<div> 3 </div>
<div> 4 </div>
<div> 5 </div>
</div>
<script>
document.getElementById('parent').getElementsByTagName('div').style = "width:20px; height:20px; border: solid 2px #000;";
</script>
</body></html>
Подскажите пожалуйста, что я делаю не так?P.S. На всякий случай: да, я знаю, что такое css :) Мне необходимо задать атрибут именно через js, именно не давая дочерним div имена :) |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<style type="text/css">
#parent{width:200px;height:200px;border:2px solid red;}
</style>
</head>
<body>
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>
<script type="text/javascript">
var div=document.getElementById('parent').getElementsByTagName('div');
for(var i in div) {
div[i].style.color='#ff0000';
div[i].style.border='1px solid #000000';
div[i].style.width='20px';
div[i].style.height='20px';
}
</script>
</body>
</html>
|
Your, большое спасибо! Сразу стало понятно, что необходимо присвоить значение каждому элементу этого "массива" :)
|
| Часовой пояс GMT +3, время: 11:19. |