IE 浏览器的 setAttribute bug

发布时间：2018-09-05 00:05:57 所属栏目：运营来源：站长网

导读：猛火网(LieHuo.Net)教程在IE6,IE7中，假如动态天生input元素，是无法为其配置name属性的。虽然这bug已经在 IE8 中被修复，详见这里。因为name属性对表单位素很是重要（在提交表单时，与value属性构成键值对，发送到靠山），因此必需寄望这个bug。 !doctyp

　　猛火网(LieHuo.Net)教程在IE6,IE7中，假如动态天生input元素，是无法为其配置name属性的。虽然这bug已经在IE8中被修复，详见这里。因为name属性对表单位素很是重要（在提交表单时，与value属性构成键值对，发送到靠山），因此必需寄望这个bug。

<!doctype html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <title>setAttribute bug By 司徒正美</title> <meta http-equiv="X-UA-Compatible" content="IE=7"> <script type="text/javascript"> window.onload = function(){ var form = document.createElement("form"); var input = document.createElement("input"); var root = document.body; input.setAttribute("name", "test"); root.appendChild(form);//留意添加次序，添加次序错的话，IE会内存走漏 form.appendChild(input); alert(form.elements.test) } </script> </head> <body> <h3>请在IE6与IE7下赏识，虽然IE8也可以，我已让IE8处在IE7的兼容模式下运作。兼容模式连bugs也兼容了……</h3> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

　　办理步伐有两个，如用innerHTML，认为innerHTML真是一个巨大的发现，连火狐与W3C那帮死仇家也不得不屈服。

<!doctype html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <title>setAttribute bug By 司徒正美</title> <meta http-equiv="X-UA-Compatible" content="IE=7"> <script type="text/javascript"> window.onload = function(){ var body = document.body; var form = document.createElement("form"); form.innerHTML = "<input name='test' type='text' />" body.appendChild(form); alert(form.elements.test) } </script> </head> <body> <h3>请在IE6与IE7下赏识</h3> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

　　另一个操作IE强盛的createElement特性，它能在建设元素的同时，连属性也一路建设。

<!doctype html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <title>setAttribute bug By 司徒正美</title> <meta http-equiv="X-UA-Compatible" content="IE=7"> <script type="text/javascript"> window.onload = function(){ var body = document.body; var form = document.createElement("form"); try{ var input = document.createElement("<input type='text' name='test'>"); }catch(e){ var input = document.createElement("input"); input.setAttribute("name", "test") } body.appendChild(form);//留意添加次序，添加次序错的话，IE会内存走漏 form.appendChild(input); alert(form.elements.test) } </script> </head> <body> <h3>请在IE6与IE7下赏识</h3> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

OPPO概念机泄露，5000	华为找到了让手机支持
Redmi K50 Pro屏幕升级	天玑8100电竞旗舰仅要