form表单元素判断在ie6中的bug

最新推荐文章于 2021-09-06 15:54:13 发布

iteye_5296

最新推荐文章于 2021-09-06 15:54:13 发布

阅读量74

点赞数

CC 4.0 BY-SA版权

文章标签： Firefox F# XHTML HTML

本文链接：https://blog.youkuaiyun.com/iteye_5296/article/details/81955000

本文探讨了在Internet Explorer 6中使用JavaScript动态创建表单元素时遇到的问题，并对比了Firefox浏览器下的表现。通过两个示例展示了IE6对动态生成元素的识别差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!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>  
<title>form表单元素判断在ie6中的bug</title>  
</head>  
<body>  
<form id="ff"></form>  
<script type="text/javascript">
<!--  
function testfun() {  
    var f = document.getElementById("ff");  
    if (f["detail"]) {  
        f["detail"].value = "111";  
    } else {  
        var o = document.createElement("input");  
        o.name = "detail";  
        f.appendChild(o);  
    }  
}  
testfun();  
testfun();  
// -->
</script>  
</body>  
</html>

第一次调用js会产生form的一个detail表单，第二次调用判断是否已经存在了。

在分firefox正常，在ie6里不正常。

我们再看一个代码：


<!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>
<title>form表单元素判断在ie6中的bug</title>
</head>
<body>
<form id="ff">
	<input type="text" name="detail" />
</form>
<script type="text/javascript">
<!--
function testfun() {
	var f = document.getElementById("ff");
	if (f["detail"]) {
		f["detail"].value = "111";
	} else {
		var o = document.createElement("input");
		o.name = "detail";
		f.appendChild(o);
	}
}
//testfun();
testfun();
// -->
</script>
</body>
</html>