js 添加元素 到html,js添加元素

html>

IFE JavaScript Task 01

p span{

display:inline-block;

width:30px;

margin-left:10px;

background: red;

}

点击添加元素

var right_enter=document.getElementById('right-enter');

right_enter.addEventListener('click',function(){

var mytext=document.getElementById('text');

var myarea=document.getElementById('aqi-display');

var i=document.createElement('span');

myarea.appendChild(i);

i.id='right-box';

var j=document.getElementById('right-box');

j.style.height=mytext.value+'px';

})

这里添加的元素可以不断添加上，但是最后一步给添加style的height时，一直只能赋给第一个元素，这怎么解决？谢谢指教