简单的聊天信息生成

abstract：<!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>

Correcting teacher：查无此人Correction time：2019-04-16 09:42:30
Teacher's summary：完成的不错。以后学习了php，可以从数据库读取回复内容，像京东那样做。继续加油

简单的聊天信息生成

Popular Entries