<!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>