摘要:<!DOCTYPE html> <html> <head> <title>聊天信息生成</title> </head> <body> <input type="text" name="info"> <button>提交
<!DOCTYPE html>
<html>
<head>
<title>聊天信息生成</title>
</head>
<body>
<input type="text" name="info">
<button>提交</button>
<ul></ul>
<script type="text/javascript">
// getElementByName 获取name属性
var input=document.getElementsByName('info')[0]
var button=document.getElementsByTagName('button')[0]
var ul=document.getElementsByTagName('ul')[0]
//自定义函数
button.onclick = function(){
//创建一个li标签
var li=document.createElement('li');
li.innerHTML = input.value;
//判断输入长度是否大于0;
if (li.innerHTML.length>0) {
ul.appendChild(li);
input.value='';
}
//否则按钮失去焦点;
button.addClass('disabled');
}
</script>
</body>
</html>
批改老师:查无此人批改时间:2019-04-16 09:42:30
老师总结:完成的不错。以后学习了php,可以从数据库读取回复内容,像京东那样做。继续加油