Я пытаюсь создать элемент ul и li в своих кодах с помощью javascript. У меня есть следующее:
var test=document.createElement('section');
test.setAttribute('id','test');
var ul=document.createElement('ul');
document.body.appendChild(test);
test.appendChild(ul);
for (var i=0; i<array.length; i++){
var li=document.createElement('li');
ul.appendChild(li);
li.innerHTML=li.innerHTML + array[i];
}
Мой массив анализируется с использованием json_encode из php
array[0]='aaa';
array[1]='bbb';
array[2]='ccc';
CSS
section {
display: block;
width: 200px;
margin: 50px auto;
border: 3px solid red;
}
Все работает отлично, за исключением того, что точка стиля списка находится за пределами моего тега раздела.
Он отображается как в Chrome и IE, но firefox работает нормально.
-------------
*| aaa |
*| bbb |
*| ccc |
-------------
Я хочу, чтобы моя точка внутри моего тега раздела. Любая идея? Большое спасибо.