Opera下cloneNode的bug

2016-02-19 23:11 8 1 收藏

下面图老师小编要跟大家分享Opera下cloneNode的bug,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

Opera, 作为 A-Grade 浏览器,在现在的前端开发中务必支持。它很优秀,很不幸,bug是每个浏览器都不可避免的问题,Opera亦难免。说说我发现的一个关于 cloneNode 的问题。

问题:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

假设我们有一个 Form 节点(node)的引用,姑且名之为 elForm,现在需要克隆一份,可以这么做:var elFormClone = elForm.cloneNode(true).

在插入这份克隆到 DOM 树中后,IE, Firefox 均未发现问题。Opera会产生这样的问题:表单内的字段无法引用。比如,假设刚才我们的elForm 有一个 input name="title" ... /, 此时你无法通过 elFormClone.title 或者 elFormClone['title'] 获取它。

解决方案

使用 document.createElement 创建 form 元素,然后设置该元素的 innerHTML(感谢 MS 发明了它) 为elForm 的 innerHTML 即可:

var elFormClone = document.createElement('form');
// 设置一些elForm的原属性,有必要的话
...
elFormClone.innerHTML = elForm.innerHTML;
// 处理这个clone, 该咋办就咋办了
...

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1629406.html

延伸阅读
标签: 浏览器
Opera新版模拟器发布   现在在Windows桌面系统上也能借助Opera官方发布的模拟器体验下移动版的Opera浏览器。Opera新版模拟器发布,官方推出这个工具是用来给开发人员调试用的,但普通用户把它当作浏览器使用也完全没有任何问题。 Opera Mobile Emulator Opera Mobile是一款针对移动设备开发的浏览器,顾名思义,它就是Op...
标签: 浏览器
Opera浏览器安装方式   1.电脑上每个用户的配置独立存在。这种方式为默认方式。默认安装的时候 opera会将配置 文件放到C:DocumentsandSettings你的用户名ApplicationDataOperaOpera下面即profile目录(负责用户 设置等)和mail目录(负责电子邮件和新闻订阅)。 2.本电脑的所有用户使用同样的配置(允许同时存在多个菜单/工...
标签: Web开发
一个 utf-8 网页在 IE6 下的BUG自己测试的,不一定100%准确,仅供参考。 触发条件: 1. title标签里的内容为中文其他双字节字符 2. 指定网页编码的 meta 信息在 title 标签的下方,即 title中文或其他双字节字符title/titlemeta http-equiv="Content-Type" content="text/html; charset=utf-8" / 3. 另存或转换utf-8编码...
标签: 浏览器
Opera浏览器清除缓存的方法?   点击浏览器左上方的菜单→设置→删除私人数据,打开删除私人数据窗口。 点击详细选项,勾选删除临时 Cookie删除全部 Cookie删除被密码保护的网页和数据删除所有缓存内容清除浏览历史清除下载历史和删除持久数据,最后点击删除即可。
标签: 浏览器
Firefox和Opera浏览器哪个好 火狐浏览器 火狐浏览器(Mozilla Firefox)是由Mozilla开发的网页浏览器,采用Gecko网页排版引擎,支持多种操作系统,开放源代码以多许可方式授权,包括Mozilla公共许可证(MPL)、GNU通用公共授权条款(GPL)以及GNU较宽松公共许可证(LGPL),目标是要创造一个开放,创新与机遇的网络环境。 第三方插件...

经验教程

40

收藏

52
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部