自己动手-动态创建元素

最新推荐文章于 2025-03-05 16:25:06 发布

原创最新推荐文章于 2025-03-05 16:25:06 发布 · 99 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #JavaScript #XHTML #HTML #ViewUI

Javacript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何使用HTML和JavaScript来动态创建文本输入框。通过检测浏览器类型（IE或非IE），采用不同方法创建元素，并设置其属性，最终将其添加到页面中指定位置。

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