亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

聊天框?qū)崿F(xiàn)原理

Original 2019-01-09 15:34:42 321
abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text"&nb
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" name="input">
		<button onclick="submit()">提交</button>
		<ul></ul>
	</body>
	
	<script>
		var input = document.getElementsByTagName('input')[0]
		var ul = document.getElementsByTagName('ul')[0]
		
		function submit(){
			var li = document.createElement('li');
			if(input.value!=''){
				li.innerHTML = input.value;   //向新元素中添加內(nèi)容  內(nèi)容為input框的值
				ul.appendChild(li);   //將元素添加到列表中
				input.value = '';
			}else{
				alert('請在輸入框輸入信息');
				input.focus();
			}
		}
	</script>
</html>

1.獲取到元素input框和元素button
2.給button綁定點擊事件,點擊提交按鈕后創(chuàng)建一個新元素li,將input框的值添加到li中
3.將元素li添加到ul列表中
4.將input框的值清空


Correcting teacher:查無此人Correction time:2019-01-09 16:41:01
Teacher's summary:寫的不錯,就是代碼有點少,加點樣式,頁面會更好看。加油。

Release Notes

Popular Entries