<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档
</title>
<script>
window.onload=function ()
{
var oBtn=document.getElementById('btn1');
var oUl=document.getElementById('ul1');
var oTxt=document.getElementById('txt1');
oBtn.onclick=function ()
{
var oLi=document.createElement('li');
var aLi=oUl.getElementsByTagName('li');
oLi.innerHTML=oTxt.value;
oUl.appendChild(oLi);
oUl.insertBefore(oLi, aLi[0]);
};
};
</script>
</head>
<body>
<input id="txt1" type="text"/>
<input id="btn1" type="button" value="创建li"/>
<ul id="ul1">
</ul>
</body>
</html>
转载请注明原文地址: https://www.6miu.com/read-5851.html
