Opera下cloneNode的bug_Web標準教程

      編輯Tag賺U幣
      教程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標準教程/更新時間:2008-01-08
      相關Web標準教程