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

最新推荐文章于 2025-11-29 21:15:37 发布

原创最新推荐文章于 2025-11-29 21:15:37 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #xhtml #firefox #input #html

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文深入分析了IE6浏览器在处理JS动态创建元素时的bug，通过对比不同代码实现，揭示了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"></form> <mce:script type="text/javascript"></mce: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> <mce:script type="text/javascript"></mce:script> </body> </html>

这个写法在ie6和firefox都显示正常。

两者比较一下，发现ie6就是这么垃圾，对于js动态写入的元素根本无法判断。