代码和老师的一样 效果出不来 纠结啊
小52019-04-08 17:30:35153<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" name="info">
<button>发送</button>
<ul></ul>
<script type="text/javascript">
//获取到元素
let input = document.getElementsByName('info').item(0);
let button = document.getElementsByTagName('button').item(0);
let ul = document.getElementsByTagName('ul').item(0);
button.onClick = function () {
let li = document.createElement('li');
li.innerHTML = input.value; //把input中输入的内容赋值给li标签内
ul.appendChild(li); //将用户输入的信息显示到列表中
input.value = ''; //将input框内的内容清空
}
</script>
</body>
</html>