属性读写操作小例子

最新推荐文章于 2020-07-07 13:38:14 发布

qq_35476043

最新推荐文章于 2020-07-07 13:38:14 发布

阅读量240

点赞数

CC 4.0 BY-SA版权

分类专栏： js基础

本文链接：https://blog.youkuaiyun.com/qq_35476043/article/details/51830642

js基础专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width:240px;
				height: 200px;
				border:1px solid #333;
				background: #F7F7F7;
				padding:6px;
				margin-bottom: 10px;
				font-weight: bold;
			}
		</style>
		<script>
			window.onload =function()
			{
				var oBtn = document.getElementById('btn1');
				var oText = document.getElementById('text1');
				var oDiv = document.getElementById('div1');
				var oSpan = document.getElementById('span1');
				oBtn.onclick = function(){
					//读写操作和innerHTML都是修改的功能，若实现【添加】，则需要用到字符串拼接功能，即“+”
					//a=a+b;
					//a+=b;
					oDiv.innerHTML += oSpan.innerHTML+oText.value+'</br>';
					oText.value = '';
				};
			};
		</script>
	</head>
	<body>
		<div id="div1"></div>       <!--应该使用innerHTML识别-->
		<span id="span1">奋斗：</span>
		<input id="text1" type="text" value=""/>
		<input id="btn1" type="button" value="提交"/>
		<!--<p id="p1">我们都是好朋友</p>-->
	</body>
</html>