JavaScript字符串链接

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width:240px;
				height: 200PX;
				border: 1px solid #333;
				background: #F1F1F1F;
				padding: 10px;
			}
		</style>
		<script>
			window.onload=function()
			{
				var oDiv=document.getElementById('div1');
				var oSpan=document.getElementById('span1');
				var oText=document.getElementById('text1');
				var oBtn=document.getElementById('btn1');
				
				oBtn.onclick=function(){
					
					oDiv.innerHTML+=oSpan.innerHTML+ oText.value;
					
					oText.value='';
				};
				
			}
		</script>
	</head>
	<body>
		<div id="div1"></div>
		<span id="span1">哈哈</span>
		<input type="text" id="text1"/>
		<input  id="btn1" type="button" value="提交" />
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_37995109/article/details/85253958