返回跟老师的代码一......登陆

跟老师的代码一样

louiz2019-05-28 12:12:16185

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>热身:仿机器人聊天窗口</title>

</head>

<body>

<input type="text" name="info">

<button>提交</button>

<ul>


</ul>

<script type="text/javascript">

//获取元素

var input = document.getElementsByName('info')[0];

var button = document.getElementsByTagName('button')[0];

var ul = document.getElementsByTagName('ul')[0];


button.onclick = function() {

var li = document.createElement('li'); // 创建列表项li

li.innerHTML = input.value; // 填充内容

ul.appendChild(li); //将内容添加到列表中

         input.value = ''; //清空文本框

};

</script>

</body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • php.cn