Только начал изучать JS. Не могу найти ответ на следующий вопрос.
Хочу создавать обьекты на странице динамичесски и в последующем их двигать в зависимости от класса.
Думал делать так:
<script language="javascript" type="text/javascript">
var i=0; // global
function create_objects()
{
var obj[i] = document.createElement('div');
obj[i].className = "object_1";
parent = document.getElementsByTagName('body')[0];
parent.appendChild(obj[i]);
window.i++;
}
Перед </html> вызываю
<script type="text/javascript">
window.onload = create_object();
</script>
Если сделать всё без масивов, а просто
var obj = document.createElement('div')
и т.д., то всё работает хорошо. Но с массивами было бы удобно хранить обьекты и в дальнейшем взаимодействовать с ними. Можно ли сделать так, как я хочу?
И второй вопрос. Создал 2 обьекта с одинаковым классом. Они успешно отобразились на экране... Потом попробовали поменять их позиции следующим образом.
function move_object()
{
var a = document.getElementsByClassName(object_1');
for(i=0;i<2;i++)
{
var objs = document.getElementsByClassName('object_1')[i];
objs.style.marginTop = "200px";
}
А оно видит только getElementsByClassName('object_1')[0], а getElementsByClassName('object_1')[1] нет... В чем может быть причина?
}