您的位置：首页 > 其它

DOM创建并添加节点

2014-08-27 21:58 295 查看

<!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="创建" onclick="crNode()">
	<input type="button" value="删除" onclick="rmNode()">
	<input type="button" value="修改" onclick="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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航