<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>operate node</title>
<style type="text/css">
	div{
		border:#00ccff 1px solid;
		width:200px;
		padding:30px;
		margin:10px;
	}
	#div_1{
		background-color:#00ccff;
	}
	#div_2{
		background-color:#ffccff;
	}
	#div_3{
		background-color:#cc00ff;
	}
	#div_4{
		background-color:#00ffcc;
	}
</style>
</head>
<body>
	<script>
		function crNode(){
			var oTxtNode = document.createTextNode("This new text!");
			var odivNode = document.getElementById("div_1");
			odivNode.appendChild(oTxtNode);
		}
	
	</script>
	<input type="button" value="创建" οnclick="crNode()">
	<input type="button" value="删除" οnclick="rmNode()">
	<input type="button" value="修改" οnclick="udNode()">
	<hr>
	<div id="div_1">
		
	</div>
	<div id="div_2">
		learn hard!
	</div>
	<div id="div_3">
		demonstration!
	</div>
	<div id="div_4">
		node node!
	</div>
</body>
</html>