Почему не работает такой код?

Question

[cabhem]

Надо что-бы создавался div, внутрь которого помещались еще 2 дива. Но такой код не работает.. почему?

var newline = document.createElement('div');
newline.className = 'line' ;
i++;
newline.id = i;
newline.style.zIndex = i;
document.getElementsByClassName('window')[0].appendChild(newline);
var newlamel = document.createElement('div');
newlamel.className = 'lamel' ;
document.getElementsById(i).appendChild(newlamel); // в этой строке ошибка
var newtkan = document.createElement('div');
newtkan.className = 'tkan' ;
document.getElementsById(i).appendChild(newtkan);

Answer 1

[Александр Петров]

Потому что zIndex, а я не z-index.
Всех остальных свойств с дефисоминусом это тоже касается: последующее слово с заглавной буквы.

Comments

[cabhem]

Спасибо, буду знать. Но теперь возникла новая проблема, не получается поместить созданный див внутрь другого дива, может взглянете?

Answer 2

[Андрей Буров]

id не может начинаться с цифры, в вашем случае это просто число.
newline.id = 'el_'+i;
document.getElementsById('el_'+i)....

Answer 3

[Юрий Лобанов]

Если необходимых знаний нет - почему не используете jquery?

Comments

[friday]

Может быть, чтобы эти знания получить?

[Юрий Лобанов]

@friday перед тем, как учиться летать - надо научиться ходить.