js添加元素

<!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时，一直只能赋给第一个元素，这怎么解决？谢谢指教

qq_一梦两三年丶_0

浏览 1224回答 1

1回答

随时随地看视频慕课网APP