Opera下cloneNode的bug

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

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

【 tulaoshi.com - Web开发 】

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

问题:

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

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

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

解决方案

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

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

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

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

延伸阅读
标签: 浏览器
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歌剧蛋糕怎么做最好吃怎么做简版OPERA歌剧蛋糕好吃 歌剧蛋糕 食材: 低粉(80克),杏仁粉(40克),可可粉(25克),鸡蛋(3个),细砂糖(80克),黄油(135克),泡打粉(4克),小苏打(1克),香草精(1/2小勺) 辅料: 黄油(180克),蛋黄(3个),砂糖(80克),水(25毫升),咖啡浓浆(15克),巧克力碎(120克),淡奶油(120克) 小贴士: 关于表...
歌剧院蛋糕 -- Opera 1.糖粉、杏仁粉、低筋面粉混合过筛,加入一半蛋混合,再将剩余的蛋分次加入搅拌到面糊发白 2.无盐奶油隔热水溶化成液态,加入少许1拌匀 3.砂糖分3分加入蛋白,打发,分两次加入1,翻拌,最后将2倒入混合 4.面糊倒入烤盘,刮平,200度10分钟左右 小诀窍 烤箱的烤盘比较小,所以我用两层油纸折了个“烤盘”四周...
标签: 浏览器
Opera新版模拟器发布   现在在Windows桌面系统上也能借助Opera官方发布的模拟器体验下移动版的Opera浏览器。Opera新版模拟器发布,官方推出这个工具是用来给开发人员调试用的,但普通用户把它当作浏览器使用也完全没有任何问题。 Opera Mobile Emulator Opera Mobile是一款针对移动设备开发的浏览器,顾名思义,它就是Op...

经验教程

16

收藏

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