1.后添加和前添加
<body> <ul id="uid"> <li>篮球</li> </ul> 姓名<input id="uname" type="text" name="uname" /> <input id="button" type="button" value="添加" /> <script type="text/javascript"> var uid = document.getElementById("uid"); var but = document.getElementById("button"); but.onclick = function() { var name1 = document.getElementById("uname").value; li = document.createElement("li"); li.innerHTML = name1; //后添加 //uid.appendChild(li); //前添加 //将li添加到ul第一个节点的前面 uid.insertBefore(li, uid.firstChild); } </script> </body>后添加 前添加
