DOM热身运动机器人聊天1

abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo11</title> </head> <body> <input type="te

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>demo11</title>
	</head>
	<body>
		
				<input type="text" name="userame" />
				<button>提交</button>
				<ul></ul>
			<script>
					//获取元素
					let input = document.getElementsByName('userame')[0];
						let button = document.getElementsByTagName('button')[0];
						let ul = document.getElementsByTagName('ul')[0];
						
					button.onclick=function(){
					
						let li =document.createElement("li"); //创建列表li
							li.innerHTML=input.value;//填充信息
							ul.appendChild(li);//插入 添加
							input.value="";//清空文本框
					};
					
			</script>
			<!--
				总结：利用dom获取到相应的元素 文本框 按钮 ul容器，按钮点击触发函数function内部 let定义变量li 并创建li
					  创建出的li并填充 插入进去ul 最后清空文本框
			-->
	</body>
</html>

Correcting teacher：韦小宝Correction time：2019-03-14 17:04:29
Teacher's summary：写的很不错不管是在写什么案例或者项目的时候先把思路弄清楚了再去写就方便多了

DOM热身运动机器人聊天1

Popular Entries