<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IFE JavaScript Task 01</title>
<style type="text/css">
p span{
display:inline-block;
width:30px;
margin-left:10px;
background: red;
}
</style>
</head>
<body>
<input type="text" id="text">
<button id="right-enter">点击添加元素</button>
<p id="aqi-display">
</p>
<script type="text/javascript">
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';
})
</script>
</body>
</html>这里添加的元素可以不断添加上，但是最后一步给添加style的height时，一直只能赋给第一个元素，这怎么解决？谢谢指教
添加回答
举报
0/150
提交
取消