dom 学习的开始~简单留言1
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"> window.onload = function () { var otext = document.getElementsByTagName('input')[0]; var obtn = document.getElementsByTagName('input')[1]; var oul = document.getElementById('ul1'); var n = 5; obtn.onclick = function () { if(!otext.value) { return; } var oli = document.createElement('li'); oli.innerHTML = otext.value; if(oul.children[0]) { oul.insertBefore(oli,oul.children[0]); } else { oul.appendChild(oli); } if(oul.children[n]) { oul.removeChild(oul.children[n]); } otext.value = ''; } }; </script> </head> <body> <input type="text"> <input type="button" value="留言"> <ul id="ul1"> </ul> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步