javascript 包裹節點 提高效率

原理基本是這樣，如果傳入的是字串，那麼讓它們變成一個元素節點，不過這元素節點也可以有許多層，在最內層把要包裹的元素放進。把字串變成元素節點的方法有如下幾個。
1，createElement，IE可以連元素屬性也一起建立，但只能建立一層。
2，innerHTML，不過需要對原來的字串進行處理，IE與FF都有許多意想不到的預設行為，可以為你多加一點東西或少加一點東西。
3，createContextualFragment，由於Opera的行為有點怪異，需要選中修改元素的位置。經日本人的測試，它轉換字串成節點的效率比innerHTML高多了，也安全多了，真是強者愈強，弱者愈弱。如果是傳入元素節點，需要複製一下，要不都變成wrapAll。如果是函數，把當前元素傳進去，利用它的某些屬性建立一個包裹元素。
最初的實驗品（這裡的wrapOuter相當於jQuery的wrap）： 複製代碼 代碼如下:var parseHTML = function(str) {
if(document.createRange){
var range = document.createRange()
range.setStartAfter(document.body)
return range.createContextualFragment(str)
}else{
return document.createElement(str)
}
}
var wrapOuter = function(target,html){
var wrap = parseHTML(html) ;
target.parentNode.insertBefore(wrap,target);
target.previousSibling.appendChild(target)
}

dir="ltr" lang="zh-CN">

目標節點