html:
<input type="text" id="text"> <button id="btn">追加</button> <ul id="list"> </ul>js
<script> window.onload=function(){ var _list = document.getElementById('list'); var _btn = document.getElementById('btn'); var _text = document.getElementById('text'); var _li = _list.getElementsByTagName('li'); _btn.onclick = function(){ var oli = document.createElement('li'); oli.innerHTML =_text.value; if(_li.length == 0){ _list.appendChild(oli); }else{ _list.insertBefore(oli,_li[0]); } } } </script>