您现在的位置是：网站首页> 编程资料编程资料
Opera下cloneNode的bug_CSS教程_CSS_网页制作_
2021-09-09
1074人已围观
简介 Opera, 作为 A-Grade 浏览器，在现在的前端开发中务必支持。它很优秀，很不幸，bug是每个浏览器都不可避免的问题，Opera亦难免。说说我发现的一个关于 cloneNode 的问题。 问题: 假设我们有一个 Form 节点（node）的引用，姑且名之为 elForm，现在需要克隆一份，可以
Opera, 作为 A-Grade 浏览器，在现在的前端开发中务必支持。它很优秀，很不幸，bug是每个浏览器都不可避免的问题，Opera亦难免。说说我发现的一个关于 cloneNode 的问题。
问题:
假设我们有一个 Form 节点（node）的引用，姑且名之为 elForm，现在需要克隆一份，可以这么做：var elFormClone = elForm.cloneNode(true).
在插入这份克隆到 DOM 树中后，IE, Firefox 均未发现问题。Opera会产生这样的问题：表单内的字段无法引用。比如，假设刚才我们的elForm 有一个 , 此时你无法通过 elFormClone.title 或者 elFormClone['title'] 获取它。
解决方案：
使用 document.createElement 创建 form 元素，然后设置该元素的 innerHTML(感谢 MS 发明了它) 为elForm 的 innerHTML 即可：
var elFormClone = document.createElement('form');
// 设置一些elForm的原属性，有必要的话
...
elFormClone.innerHTML = elForm.innerHTML;
// 处理这个clone, 该咋办就咋办了
...
相关内容
- CSS:清除浮动的最优方法_CSS教程_CSS_网页制作_
- CSS网页布局的好处与坏处_CSS布局实例_CSS_网页制作_
- div css制作网页实战笔记心得_Div+CSS教程_CSS_网页制作_
- 关于W3C CSS标准的一些经验_Web标准教程_CSS_网页制作_
- CSS3属性选择符介绍_css3_CSS_网页制作_
- CSS Alpha透明相关知识学习_CSS教程_CSS_网页制作_
- css教程：网页字体及字体大小的设计_CSS教程_CSS_网页制作_
- 描述性列表UL和DL的表现形式_CSS教程_CSS_网页制作_
- 不要使用的HTML标签(WEB标准网页布局)_CSS布局实例_CSS_网页制作_
- 小技巧:网页制作中段落缩进的方法_CSS教程_CSS_网页制作_
