自各儿动手-动态创建元素 _Web前端

自己动手-动态创建元素
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div id="baseArea" style="background-color:#999;weight:300px;height:400px"></div>
</body>
<script type="text/javascript">
		var node1;
		var node2;
		try {
			//IE专用
			node1=document.createElement("<input type='text' name='group1' value='我是ie' />")
			node2=document.createElement("<input type='text' name='group2' value='我是ie' />")
		} catch (e) {
			//非IE专用,如FF
			node1=document.createElement("input")
			node2=document.createElement("input")
		}
		//为FF方式服务
		node1.type="text";
		node1.name="group1";
		node1.value="我是FF";
		//node1.checked="true";
		
		node2.type="text";
		node2.name="group2";
		node2.value="我是FF";

		document.getElementById("baseArea").appendChild(node1);
		document.getElementById("baseArea").appendChild(node2);
	</script>
</html>