Question

如何用js实现在ul中动态插入li

将输入的值插入到ul中的第一行，其他的文本往后移

Answer 1

<style>
ul>li{
float:right
}
</style>
<script language="javascript">
function go_up(){
var len = document.getElementById('test').innerHTML+='<li>1</li>';

}
</script>
<ul id="test"><li>2</li></ul>
<a href="javascript:go_up()">点我</a>

Answer 2

<script language="javascript">
function go_up(){
document.getElementById('test').innerHTML='<li>1</li>' + document.getElementById('test').innerHTML;
}
</script>
<ul id="test"><li>2</li></ul>
<a href="javascript:go_up()">添加</a>

Answer 3

var ul = document.getElementById("ID");
//添加 li
var li = document.createElement("li");
var span = document.createElement("span");
li.setAttribute("class", "total");
li.appendChild(span);
ul.appendChild(li);