Opera下cloneNode的bug_Web標準教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
Opera 作為 A-Grade 瀏覽器,在現在的前端開發中務必支持。它很優秀,很不幸,bug是每個瀏覽器都不可避免的問題,Opera亦難免。說說我發現的一個關于 cloneNode 的問題。
問題:
假設我們有一個 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 即可。
相關Web標準教程:
- 相關鏈接:
- 教程說明:
Web標準教程-Opera下cloneNode的bug。