摘要：<!DOCTYPE html><html><head> <title>聊天实战热身</title></head><body><input type="text" name="info"><button >提交</button><ul&
<!DOCTYPE html>
<html>
<head>
<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.innerHTML = input.value;
ul.appendChild(li); //将li的内容显示列表里面
input.value=''; //清空value内容的值
}
// 第一获取元素[0]不能少的，getElementsByName不能少s的
</script>
</body>
</html>
批改老师：天蓬老师批改时间：2019-01-01 09:17:38
老师总结：var ul = document.getElementsByTagName('ul')[0]; 试试这样写:let ul = document.getElementsByTagName('ul').item(0);也是一样的,而且现在是推荐的语法
